/***************************************************************start of font.css*********************************************************************/

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/open-sans-v18-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.eot');
    /* IE9 Compat Modes */
    src: local(''),
        url('../fonts/open-sans-v18-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('../fonts/open-sans-v18-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('../fonts/open-sans-v18-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.woff') format('woff'),
        /* Modern Browsers */
        url('../fonts/open-sans-v18-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('../fonts/open-sans-v18-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.svg#OpenSans') format('svg');
    /* Legacy iOS */
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/open-sans-v18-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-600.eot');
    /* IE9 Compat Modes */
    src: local(''),
        url('../fonts/open-sans-v18-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-600.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('../fonts/open-sans-v18-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-600.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('../fonts/open-sans-v18-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-600.woff') format('woff'),
        /* Modern Browsers */
        url('../fonts/open-sans-v18-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-600.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('../fonts/open-sans-v18-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-600.svg#OpenSans') format('svg');
    /* Legacy iOS */
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/open-sans-v18-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-700.eot');
    /* IE9 Compat Modes */
    src: local(''),
        url('../fonts/open-sans-v18-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-700.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('../fonts/open-sans-v18-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-700.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('../fonts/open-sans-v18-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-700.woff') format('woff'),
        /* Modern Browsers */
        url('../fonts/open-sans-v18-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-700.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('../fonts/open-sans-v18-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-700.svg#OpenSans') format('svg');
    /* Legacy iOS */
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 800;
    src: url('../fonts/open-sans-v18-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-800.eot');
    /* IE9 Compat Modes */
    src: local(''),
        url('../fonts/open-sans-v18-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-800.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('../fonts/open-sans-v18-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-800.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('../fonts/open-sans-v18-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-800.woff') format('woff'),
        /* Modern Browsers */
        url('../fonts/open-sans-v18-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-800.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('../fonts/open-sans-v18-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-800.svg#OpenSans') format('svg');
    /* Legacy iOS */
    font-display: swap;
}



/******************************************************************end of font.css********************************************************************/



/*******************************************************************start of Home.css*****************************************************************/

.logo {
    border-right: 1px solid #1f253d;
    left: 8%;
    right: 88.41%;
    top: 14.29%;
    bottom: 57.14%;
    height: 81px;
}

#search-div .search-btn .fa-search {
    font-size: 25px;
}

#search-input {
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 28px;
    position: absolute;
    left: 25.88%;
    top: 30%;
    border: none;
}

.navbar-toggler.collapsed::before {
    font-family: "FontAwesome";
    content: "\f0c9";
}

.megamenu a.down-cart::after {
    font-family: "FontAwesome";
    padding-left: 10px;
    content: "\f078";
}

.megamenu a {
    width: 100px;
    display: flex;
    color: white;
}

#navbarSupportedContent {
    background: #07349e;
}

.megamenu a p {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    display: inline-block;
}

.megamenu a.nav-link {
    justify-content: center;
    line-height: 40px;
}

#footer .lastcontentrow.col-md-12 {
    background-color: #f5f5f5;
    opacity: 0.8;
}

#footer .footerword {
    color: black;
    margin-bottom: 0px;
}

.mask-group-C61RwL {
    width: 83px;
}

.navbar {
    padding: 0px !important;
}

.mrsd {
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 36px;
    line-height: 40px;
    /* identical to box height, or 111% */
    line-height: 80px;
    letter-spacing: -0.5px;
    color: #1f253d;
    right: 19%;
    position: relative;
}

/*.input-group {
  left: 8.5%;
}
*/
*/ .text-list-li {
    width: 134px;
    height: 60px;
    left: 16%;
}

.statistics {
    position: relative;
    top: 186px;
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 24px;
    /* position: absolute; */
    width: 50%;
    height: 24px;
    left: 5%;
}

.txtColor {
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 24px;
}

.statistic-content {
    position: absolute;
    width: 597px;
    height: 120px;
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 36px;
    line-height: 40px;
    letter-spacing: -0.5px;
    color: #000000;
}

.experts-home .rectangle-2-C61RwL {
    top: 0px !important;
}

.experts-home .pattern-blue-C61RwL {
    top: -184.41px;
    /* height: 100%; */
    width: 97%;
    left: -23%;
}

.experts-home {
    height: 3130px;
    width: 99%;
}

.mid-content {
    position: relative;
    left: 50px;
}

.coronavirus {
    position: absolute;
    right: -4%;
    top: 67px;
    z-index: 999;
}

.experts-home .group-233-C61RwL {
    position: initial !important;
}

.coronaBtn {
    background: #1e4bb8;
    border-radius: 4px;
    color: #ffffff;
}

.experts-home .back-to-top-C61RwL {
    left: 1198px;
    position: absolute;
    top: 459px;
}

.print {
    padding: 0px;
    border: 0px;
    background-color: transparent;
    position: absolute;
    top: 464px;
    z-index: 999;
}

.upArrow {
    background-color: transparent;
    position: absolute;
    top: 464px;
    right: 0px;
    padding: 0px;
    border: 0px;
    z-index: 999;
}

.printimg,
.backtotop,
.font {
    width: 74px;
    height: 74px;
}

.fontsize {
    padding: 0px;
    border: 0px;
    background-color: transparent;
    position: absolute;
    top: 400px;
}

.imgcircle {
    border-radius: 50%;
    background-color: white;
    width: 50px;
    height: 50px;
    position: absolute;
    top: 31px;
    left: 126px;
    text-align: center;
}

.ractangleBox {
    background: linear-gradient(174.75deg, #2563cc 38.42%, #1e4bb8 89.02%);
    /* transform: matrix(1, 0, 0, -1, 0, 0); */
    position: absolute;
    width: 310px;
    height: 296px;
    left: 80px;
    top: 565px;
    border-radius: 2px;
}

.grpimg {
    width: 27px;
    height: 27px;
    position: absolute;
    top: 11px;
    left: 12px;
}

.card-body {
    position: absolute;
    width: 250px;
    height: 25px;
    left: 16px;
    top: 81px;
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 25px;
    text-align: center;
    color: #ffffff;
}

.percentage {
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 36px;
    line-height: 49px;
    text-align: center;
    color: #ffffff;
    position: absolute;
    width: 163px;
    height: 49px;
    left: 42px;
    top: 60px;
}

.totalPerson {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #ffffff;
    position: absolute;
    width: 130px;
    height: 48px;
    left: 53px;
    top: 122px;
}

.card {
    height: 296px;
    background: linear-gradient(174.75deg, #2563cc 38.42%, #1e4bb8 89.02%);
    /* position: relative; */
    border-radius: 0px;
    width: 100%;
}

.carousel {
    top: 17.5%;
}

.carousel-indicators {
    top: 300px;
}

.carousel-indicators li {
    background-color: #bbc5d0;
    width: 8px;
    height: 8px;
    border-radius: 50%;
}

.carousel-indicators .active {
    background-color: #2c75dd;
}

#multi-item-example .carousel-inner {
    width: 95%;
    left: 71px;
}

.Highlight_nextImg {
    width: 74px;
    height: 74px;
    float: right;
    position: absolute;
    top: 180px;
    /* right: -26%; */
    left: -37px;
    z-index: 999;
}

.nextImg {
    width: 74px;
    height: 74px;
    float: right;
    position: absolute;
    top: 110px;
    right: 3%;
    /* left: -37px; */
    z-index: 999;
}

.body-section {
    position: absolute;
    width: 92%;
    height: 256px;
    left: 83px;
    top: 580px;
    /* opacity: 0.05; */
    background: #f4faff;
}

.body-content {
    width: 100%;
    align-items: center;
    position: relative;
    top: 621px;
    left: 20%;
    height: 50px;
}

.selectType {
    width: 292px !important;
    background: #f4faff;
    border: 1px solid #1e4bb8;
    box-sizing: border-box;
    border-radius: 0px 4px 4px 0px;
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    color: #032f9a;
}

.like {
    width: 543px !important;
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
    border-left: none;
    border-radius: 0px;
    background: #ffffff;
    border: 1px solid #00247b;
    border-left: none;
}

.divsearchImg {
    width: 38px;
    border: 1px solid #00247b;
    height: 38px;
    background-color: white;
    border-right: none;
    /* border-bottom-right-radius: 0px; */
    /* border-radius: 0px; */
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
}

.searchImg {
    position: absolute;
    top: 12px;
    left: 10px;
    width: 18px;
    height: 18px;
}

.searchTerm {
    position: absolute;
    width: 184px;
    height: 25px;
    left: 20.4%;
    top: 730px;
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 24px;
    color: #1e4bb8;
}

.searchBtn {
    position: absolute;
    height: 48px;
    left: 20.4%;
    top: 767px;
}

.coronaVirusBtn,
.aging,
.graduate,
.Unemployment {
    height: 41px;
    border: 1px solid #1e4bb8;
    box-sizing: border-box;
    border-radius: 4px;
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #1e4bb8;
    width: 199px;
    background-color: transparent;
}

.highlightSec {
    position: absolute;
    height: 36px;
    left: 53px;
    top: 1200px;
    width: 100%;
}

.hightlight-Title>h4,
.benchmark-Title>h4 {
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 36px;
    letter-spacing: -0.5px;
    color: #1f253d;
    width: 150px;
}

.hightlight {
    max-width: 70%;
}

.allHighlightLnk {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.25px;
    color: #1e4bb8;
}

#highlight-carousel {
    position: absolute;
    top: 80px;
    width: 96%;
}

.highlight-card-body {
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 33px;
    color: #1f253d;
    position: absolute;
    top: 82%;
    left: 48px;
}

.highlight-Date {
    position: absolute;
    width: 81px;
    height: 20px;
    left: 50px;
    top: 260px;
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    color: #c75100;
}

#highlight-carousel .carousel-inner {
    height: 437px;
    width: 100%;
}

@media only screen and (min-width: 1320px) {
    .highlight-card-body {
        top: 78%;
    }

    .employee,
    .employer {
        width: 201px !important;
        height: 48px !important;
    }

    .occupationText,
    .salaryText {
        width: 88% !important;
    }

    .income {
        width: 87% !important;
        height: 48px !important;
    }

    .tools {
        width: 153px !important;
        left: 100px !important;
    }

    #highlight-carousel .nextImg {
        left: 350px;
        top: 200px;
    }

    .pubBtn {
        left: 76.3% !important;
    }

    .Highlight_nextImg {
        left: 340px;
        top: 200px;
    }

    .highlight-text {
        background: #f2f7fc;
        position: absolute;
        width: 100%;
        height: 96.17px;
        left: 5.04px;
        top: 349.06px;
    }

    .highlight-card .card-img-top {
        height: 355px;
    }
}


.highlight-carousel-indicators {
    top: 451px;
}

.highlight-card-text {
    position: absolute;
    width: 782.9px;
    height: 53.17px;
    left: 48.04px;
    top: 17.06px;
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 26px;
    color: #000000;
}

.highlight-text {
    background: #f2f7fc;
    position: absolute;
    width: 100%;
    height: 96.17px;
    left: 5.04px;
    top: 348.06px;
}

.controls-top {
    position: absolute;
    width: 48px;
    height: 48px;
    left: 797px;
    top: 0px;
    filter: drop-shadow(0px 0px 16px rgba(255, 255, 255, 0.2));
}

.article-Content {
    position: absolute;
    width: 199px;
    height: 34px;
    left: 5px;
    background: #2563cc;
    top: 0px;
}

.articleText {
    position: relative;
    left: 64px;
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #ffffff;
}

.article-image {
    position: relative;
    left: 52px;
}

.benchmarkArea {
    position: absolute;
    width: 100%;
    height: 494px;
    left: 0px;
    top: 82px;
    background: #eef1f4;
}

.benchmark-btn {
    position: absolute;
    left: 23px;
    top: 40px;
}

.employee {
    width: 135px;
    background: #1e4bb8;
    border-radius: 4px 0px 0px 4px;
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 25px;
    text-align: center;
    border: 1px solid #1e4bb8;
    color: #ffffff;
    height: 37px;
    position: relative;
    left: 5px;
}

.employer {
    width: 135px;
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 25px;
    text-align: center;
    color: #ffffff;
    height: 37px;
    color: #1e4bb8;
    margin-right: 0px;
    border-radius: 0px 4px 4px 0px;
    border: 1px solid #1e4bb8;
}

.benchmark-fields {
    position: absolute;
    width: 100%;
    /* height: 9.04px; */
    left: 28.17px;
    top: 104.33px;
}

.occupation,
.month {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    /* align-items: unset; */
    color: #0c0d0d;
    justify-content: unset;
    position: relative;
    margin-bottom: 8px;
}

.occupationText,
.salaryText {
    width: 265.66px;
    height: 46px;
    background: #ffffff;
    border: 1px solid #ffffff;
    box-sizing: border-box;
}

::placeholder {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    color: #b5b6b7;
}

.benchmarkBtn {
    position: absolute;
    width: 100%;
    /* height: 48px; */
    left: 3.17px;
    top: 222.01px;
}

.income {
    background: #1e4bb8;
    border-radius: 4px;
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #ffffff;
    width: 264px;
    height: 48px;
}

.income-tools {
    position: absolute;
    /* width: 158px; */
    /* height: 24.04px; */
    left: 3px;
    top: 293.87px;
}

.incometrends {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #1e4bb8;
}

.tools {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #1e4bb8;
    position: relative;
    width: 100px;
    left: 11px;
    height: 43px;
    border: 1px solid #1e4bb8;
    box-sizing: border-box;
    border-radius: 4px;
}

.data {
    position: absolute;
    height: 204px;
    width: 100%;
    left: 64px;
    top: 1850px;
}

.build-circle {
    position: relative;
    top: 32px;
}

.builder {
    background: linear-gradient(11.52deg, #1e4bb8 6.28%, #4ea3fa 216.22%);
    height: 204px;
    width: 421px;
    text-align: center;
}

.builder-body {
    position: relative;
    top: 50px;
}

.builder-title {
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 28px;
    color: #ffffff;
}

.builder-cnt {
    height: 40px;
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    width: 100%;
    color: #ffffff;
    position: relative;
    left: 5px;
}

.builderMrgin {
    max-width: 29%;
    margin-right: 20px;
}

.recentPublication {
    position: absolute;
    width: 100%;
    height: 511px;
    left: 0px;
    top: 2120px;
    background: #c3e1ff;
}

.publicTitle {
    position: absolute;
    width: 228px;
    height: 36px;
    left: 80px;
    top: 48px;
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 36px;
    letter-spacing: -0.5px;
    color: #1f253d;
}

#publication-example {
    position: relative;
    top: 23%;
    left: 46px;
    width: 100%;
    margin: 0px !important;
}

.bkstyle {
    background: #ffffff;
    height: 267px;
    width: 24%;
}

#publication-example .carousel-inner {
    position: relative;
    left: 20px;
}

.public-card {
    position: relative;
    top: 65px;
    left: 16px;
}

.assetimg {
    width: 275px;
    height: 112px;
    position: absolute;
    top: 83px;
    left: -31px;
}

.publicDate {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    color: #333333;
}

.public-card-title {
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 28px;
    color: #333333;
    flex: none;
    order: 0;
    align-self: center;
    flex-grow: 0;
}

.report-Content {
    position: absolute;
    left: -17px;
    right: 0%;
    top: -65px;
    bottom: -25%;
    background: #2563cc;
    width: 195px;
    height: 47px;
}

.report-image {
    position: relative;
    left: 54px;
}

.reportText {
    position: relative;
    left: 70px;
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #ffffff;
}

.pdf {
    border: 1px solid #1e4bb8;
    box-sizing: border-box;
    border-radius: 4px;
    width: 124px;
    height: 48px;
    position: absolute;
    background-color: transparent;
    left: 104px;
    top: 139px;
}

.downloadbtn {
    flex: none;
    order: 0;
    align-self: center;
    flex-grow: 0;
    margin: 12px 0px;
    position: relative;
    width: 15px;
    height: 15px;
    left: -4px;
    top: -4px;
}

.pdftext {
    position: relative;
    left: 8px;
    /* right: 0%; */
    top: -2px;
    bottom: 0%;
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #1e4bb8;
    flex: none;
    order: 1;
    align-self: center;
    flex-grow: 0;
    margin: 12px 0px;
}

.pubBtn {
    position: absolute;
    left: 776px;
    top: 438px;
}

.release {
    height: 45px;
    width: 173px;
    margin-right: 17px;
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #032f9a;
    background-color: transparent;
    border: 1px solid #032f9a;
    box-sizing: border-box;
    border-radius: 4px;
}

.more {
    width: 200px;
    height: 45px;
    background: #1e4bb8;
    border-radius: 4px;
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #ffffff;
    border: 1px solid #032f9a;
}

.survey {
    position: relative;
    width: 100%;
    height: 316px;
    left: 0px;
    top: 74%;
}

.surveycontent {
    position: relative;
    left: -15px;
    height: 100%;
}

.surveyimg {
    z-index: 999;
    position: relative;
    top: 1px;
    opacity: 0.6;
    width: 103%;
    height: 100%;
    background: linear-gradient(270deg,
            rgba(255, 255, 255, 0.81) -18.65%,
            rgba(255, 255, 255, 0.68) 53.39%,
            rgba(255, 255, 255, 0) 89.55%,
            rgba(255, 255, 255, 0) 89.55%);
    mix-blend-mode: multiply;
    opacity: 1;
}

.bluebackColor {
    position: relative;
    top: -311px;
    background: linear-gradient(86.91deg, #1e4bb8 27.69%, #83c2ec 141.2%);
    width: 103%;
    height: 100%;
}

.grpcls {
    height: 152px;
    width: 102px;
}

.grpImag {
    position: absolute;
    left: 20%;
    right: 72.95%;
    top: 14%;
    bottom: 12.9%;
}

.surveyQues {
    left: 33%;
    position: absolute;
    top: 12%;
    width: 54%;
}

.ques {
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 36px;
    letter-spacing: -0.5px;
    color: #ffffff;
}

.surveyDesc {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 24px;
    color: #ffffff;
    position: absolute;
    top: 60px;
}

.surveyBtn {
    position: absolute;
    top: 60%;
    left: 33%;
    width: auto;
}

.Individuals,
.Businesses,
.TakeSurvey {
    width: 189px;
    height: 48px;
    background-color: transparent;
    border: 1px solid #ffffff;
    box-sizing: border-box;
    border-radius: 4px;
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #ffffff;
}

.contact-Title {
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 25px;
    color: #444444;
}

.MSRDCnt {
    position: relative;
    left: 88px;
}

.MRSD_lbl {
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 36px;
    line-height: 49px;
    /* display: block; */
    color: #444444;
}

.MRSD_Body {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    color: #444444;
    height: 96px;
    width: 422px;
}

.contact {
    position: relative;
    left: 80px;
}

.contact_Address,
.Lbl_email,
.signuplabel {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 24px;
    color: #444444;
}

.email {
    position: relative;
    left: 50px;
}

.Ipt_Email {
    background: #ffffff;
    border: 1px solid #c6cacd;
    box-sizing: border-box;
    border-radius: 4px;
    width: 310px;
    height: 39px;
}

.email_sec {
    position: relative;
    top: 10px;
}

.subscribe_Lnk {
    float: right;
    position: absolute;
    /* right: -33px; */
    top: 102%;
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #2b6ea5;
    left: 73%;
}

.socialMedia {
    position: relative;
    left: 73px;
    max-width: 150px;
}

.Img-FB,
.img_twitter,
.Img-linkedin,
.img_youtube {
    width: 40px;
    height: 40px;
}

.contactForm {
    position: relative;
    top: -91px;
    left: 50%;
    max-width: 200px;
}

.lastcontentrow {
    position: relative;
    left: -12px;
    margin: 0px;
    padding: 0px;
    width: 100%;
    max-width: 100%;
}

/*.lastrightcontent {
  position: relative;
  text-align: end;
  left: 125px;
  max-width: 300px;
  top: 1px;
  padding-bottom: 0px !important;
  height: 81px;
}
 */
#navbarSupportedContent .nav .dropdown-menu-right .dropdown-item {
    color: black;
}

#footer .lastcontentrow {
    left: 0px;
}

#navbarSupportedContent {
    justify-content: flex-end;
    margin-right: 40px;

}

/*for notification*/

#HomeNotification .msg {
    background-color: rgba(244, 250, 255, 1.0);
    border: 1px solid #2563cc;
    border-radius: 4px;
    padding: 10px;
    margin-top: 10px;
}

#HomeNotification .msg .fa-info {
    position: relative;
    bottom: 2px;
}

#HomeNotification .msg .fa-info:before {
    background-color: #2563cc;
    color: white;
    padding: 4px 7px;
    border-radius: 50%;
    font-size: 12px;
    margin-right: 10px;
}

#HomeNotification {
    display: none;
    position: absolute;
    z-index: 1;
}

/******************************************************************end of Home.css******************************************************************/




/***************************************************************start of imasheader.css************************************************************/

.announcements-section .related-img {
    width: 100%;
}

.top-left {
    background-color: rgba(206, 4, 65, 1.0);
    border-radius: 4px;
    color: #FFFFFF;
    display: inline-block;
    padding: 3px 10px;
    height: auto;
    font-size: 12px;
}

.a-title {
    font-size: 32.0px;
    height: auto;
    left: 0px;
    line-height: 39.0px;
    text-align: left;
    top: 0px;
    white-space: nowrap;
    width: auto;
    color: rgba(0, 48, 73, 1.0);
}

.dot {
    height: 3px;
    width: 3px;
    background-color: #767676;
    border-radius: 50%;
    display: inline-block;
    margin: 0 10px;
    vertical-align: middle;
}

.tag-name {
    background-color: rgba(206, 4, 65, 1.0);
    border-radius: 4px;
    color: #FFFFFF;
    display: inline-block;
    margin-top: 20px;
    padding: 6px;
    height: 25px;
    font-size: 12px;
    font-weight: 700;
}

.imgsrc img {
    width: 100%;
    /* height:223px; */
    border-radius: 4px;
}

.Announce-view-more {
    display: inline-block;
    float: right;
    /* margin-top: 15px; */
    padding-top: 10px;
    float: right;
}

.Announce-view-more a {
    color: rgba(206, 4, 65, 1.0);
    text-decoration: underline;
    font-size: 14px;
}

.maincontent_heading {
    display: inline-block;
}

.maincontent_heading {
    color: rgba(0, 48, 73, 1.0) !important;

}

.box_title_heading {
    border-bottom: 2px solid #f2f2f2;
    margin-bottom: 20px;
}


/*Announcement carousel-section*/

.announcements-section .slick-next:before {
    border-radius: 50%;
    box-shadow: 1px 3px lightgrey;
    background-color: white;
    text-align: center;
    padding: 16px 22px;
    color: rgba(206, 4, 65, 1.0) !important;
    content: "\f105";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    opacity: 1;
}

.announcements-section .slick-next {
    right: 19px;
}

@media (min-width: 992px) {
    .announcements-section .slick-track {
        left: 100%;
    }
}

/*end Announcement carousel-section*/

/*.....Business pillars....*/

#business-pilars .imgsrc {
    margin-top: 20px;
}

#business-pilars .bottom-left {
    position: absolute;
    left: 0px;
    background-color: rgba(0, 48, 73, .85) !important;
    bottom: 0px;
    border-radius: 4px;
    width: 100%;
}

#business-pilars .bottom-left h3 {
    color: rgba(255, 255, 255, 1.0) !important;
    padding: 1px;
    font-size: 18px;
    margin-bottom: 0px;
}

#business-pilars .bottom-left p {
    color: rgba(255, 255, 255, 1.0) !important;
    padding: 1px;
    font-size: 12px;
}

/*Favourites*/
.eAppsLabel {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    color: white;
    font-weight: bold;
    margin-right: 10px;
    text-align: center;
    padding-top: 25px;
    padding-bottom: 25px;
}

.col-md-6 {
    margin-bottom: 20px
}

/* .title {
            margin-bottom: 0px !important;
            color: rgba(0,48,73,1.0);
            font-size: 18px;
            padding-top: 10px;
        }*/

*/ .iconImg {
    width: 70px;
    margin-right: 10px;
    margin-bottom: 8px;
    height: 70px;
}

/*job section*/
.appsgroup {
    background-color: rgba(255, 255, 255, 1.0);
}

.appsitem {
    margin: 20px 20px 20px 20px;
}

.appsdesc {
    display: inline-block;
}

.appsdesc h5 a {
    color: rgba(0, 48, 73, 1.0);
    text-decoration: none;
}

/*Event section*/
/* #business-csc h1,
        #csc-event h1 {
            font-size: 24px;
        }*/

#business-csc .Announce-view-more,
#csc-event .Announce-view-more {
    display: inline-block;
    float: right;
    margin-top: 0px;
    padding: 10px;
    float: right;
}



#csc-event h6 a {
    background-color: rgba(255, 255, 255, 0);
    color: rgba(0, 48, 73, 1.0);
}

#csc-event .container-fluid {
    margin-top: 20px;
}

.happen-input {
    width: 87%;
    margin-left: 72px;
}

input#txtSubject {
    padding: 10px;
    font-size: 12px;
    opacity: 0.5;
    border-color: var(--mountain-mist);
}

#business-csc .cscuserlabel,
#csc-birthday .cscuserlabel,
#csc-staff .cscuserlabel {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    color: white;
    margin-right: 22px;
    font-size: 22px;
    background-color: rgba(0, 48, 73, 1.0);
    padding: 10px;
}

/*  #business-csc .title {
            font-size: 22px;
        }*/

#business-csc .Announce-view-more a {
    color: rgba(79, 79, 79, 1.0);
    text-decoration: none;
    background-color: rgba(255, 255, 255, 0);
    font-weight: 600;
    font-style: italic;
}

button.btn.btn-post {
    float: right;
    padding: 2px;
    margin-top: 8px;
    background-color: rgba(0, 48, 73, 1.0);
    border-radius: 4px;
    color: rgba(255, 255, 255, 1.0);
    font-weight: 700;
    height: 29px;
    width: 77px;
}

#business-csc .csc-add {
    padding: 5px;
    color: rgba(79, 79, 79, 1.0);
    font-size: 14px;
    padding-bottom: 0px;
}

#business-csc .csc-post-details {
    margin-left: 75px;
}

#business-csc .cs-hour {
    margin-left: 20px;
    font-size: 12px;
}

#business-csc .cs-sms {
    margin-left: 20px;
}

#business-csc .cs-comment img {
    padding: 8px;
}

#business-csc .cs-space {
    padding: 10px;
}



/*...bitrh day...*/
.birthday-details p {
    margin-left: 8px;
    font-size: 12px;
}

#csc-birthday h1,
#csc-event h1 {
    font-size: 24px;
}

#csc-birthday .Announce-view-more {
    display: inline-block;
    float: right;
    margin-top: 7px;
    padding: 2px;
}


/* #csc-birthday .cscuserlabel {
            width: 65px;
            height: 65px;
            border-radius: 50%;
            color: white;
            margin-right: 10px;
            font-size: 30px;
        }*/

/* #csc-birthday .title {
            font-size: 22px;
        }*/

/* #csc-birthday .Announce-view-more a {
            color: rgba(206, 4, 65, 1.0);
            text-decoration: underline;
            background-color: rgba(255, 255, 255, 0);
            font-weight: 600;
        } */

/*Staff Updates*/

#csc-staff h1 {
    font-size: 24px;
}

#csc-staff .Announce-view-more {
    display: inline-block;
    float: right;
    margin-top: 0px;
    padding: 2px;
    float: right;
}


/*#csc-staff .cscuserlabel {
            width: 65px;
            height: 65px;
            border-radius: 50%;
            color: white;
            margin-right: 10px;
            font-size: 30px;
        }*/

/* #csc-staff .title {
            font-size: 22px;
        }*/

/*  #csc-staff .Announce-view-more a {
            color: rgba(206, 4, 65, 1.0);
            text-decoration: underline;
            background-color: rgba(255, 255, 255, 0);
            font-weight: 700;
        } */

#csc-staff .csc-new {
    /* margin-left: 219px; */
    position: absolute;
    background-color: rgba(206, 4, 65, 1.0);
    border-radius: 4px;
    height: auto;
    width: auto;
    color: white;
    padding: 3px 12px;
    top: 0px;
    right: 0px;
    font-size: 12px
}

/*footer section*/
.grpnew-to-csc-C61RwL {
    background-color: rgba(255, 255, 255, 0);
    height: 300px;
    left: 102px;
    /* position: absolute; */
    /* top: 2306px; */
    width: 395px;
}

.rectangle-8o5vTx {
    background-color: rgba(255, 255, 255, 1.0);
    border-radius: 4px;
    height: 300px;
    left: 0px;
    position: absolute;
    top: 0px;
    width: 395px;
}

.grptag-8o5vTx {
    background-color: rgba(255, 255, 255, 0);
    height: 28px;
    left: 20px;
    position: absolute;
    top: 242px;
    width: 167px;
}

.rectangle-wmQ6o7 {
    background-color: rgba(255, 255, 255, 0);
    border-radius: 4px;
    height: 28px;
    left: 0px;
    position: absolute;
    top: 0px;
    width: 167px;
}

.more-information-wmQ6o7 {
    background-color: rgba(255, 255, 255, 0);
    color: rgba(0, 48, 73, 1.0);
    font-size: 14.0px;
    height: auto;
    left: 20px;
    line-height: 18.0px;
    position: absolute;
    text-align: left;
    top: 5px;
    white-space: nowrap;
    width: auto;
}

img.gpxnew-header-8o5vTx {
    background-color: rgba(255, 255, 255, 0);
    height: 70px;
    left: 0px;
    position: absolute;
    top: 0px;
    width: 395px;
}

img.gpxnew-header-8o5vTx {
    background-color: rgba(255, 255, 255, 0);
    height: 70px;
    left: 0px;
    position: absolute;
    top: 0px;
    width: 395px;
}

.links-8o5vTx {
    align-items: flex-start;
    background-color: rgba(255, 255, 255, 0);
    display: flex;
    flex-direction: column;
    height: auto;
    justify-content: flex-start;
    left: 20px;
    position: absolute;
    top: 90px;
    width: 228px;
}

.learn-more-about-csc-xUO1rY {
    background-color: rgba(255, 255, 255, 0);
    color: rgba(206, 4, 65, 1.0);
    font-size: 14.0px;
    height: auto;
    line-height: 18.0px;
    margin: 0;
    position: relative;
    text-align: left;
    text-decoration: underline;
    white-space: nowrap;
    width: auto;
}

.circulars-general-xUO1rY {
    background-color: rgba(255, 255, 255, 0);
    color: rgba(206, 4, 65, 1.0);
    font-size: 14.0px;
    height: auto;
    line-height: 18.0px;
    margin: 15px 0 0 0;
    position: relative;
    text-align: left;
    text-decoration: underline;
    white-space: nowrap;
    width: auto;
}

.download-application-xUO1rY {
    background-color: rgba(255, 255, 255, 0);
    color: rgba(206, 4, 65, 1.0);
    font-size: 14.0px;
    height: auto;
    line-height: 18.0px;
    margin: 15px 0 0 0;
    position: relative;
    text-align: left;
    text-decoration: underline;
    white-space: nowrap;
    width: auto;
}

.general-fa-qs-xUO1rY {
    background-color: rgba(255, 255, 255, 0);
    color: rgba(206, 4, 65, 1.0);
    font-size: 14.0px;
    height: auto;
    line-height: 18.0px;
    margin: 15px 0 0 0;
    position: relative;
    text-align: left;
    text-decoration: underline;
    white-space: nowrap;
    width: auto;
}

.group-8o5vTx {
    background-color: rgba(255, 255, 255, 0);
    height: 40px;
    left: 20px;
    position: absolute;
    top: 15px;
    width: 226px;
}

.new-to-csc-2sHFTc {
    background-color: rgba(255, 255, 255, 0);
    color: rgba(255, 255, 255, 1.0);
    font-size: 24.0px;
    height: auto;
    left: 60px;
    line-height: 29.0px;
    position: absolute;
    text-align: left;
    top: 6px;
    white-space: nowrap;
    width: auto;
}

.x01iconsint-facepeople-2sHFTc {
    background-color: rgba(255, 255, 255, 0);
    background-image: url(../img/1-1-atlashomepage-01iconsinterfacepeople-7F6C0B1C-9394-4157-81E6-0FF51D409D1C@2x.png);
    background-size: 100% 100%;
    height: 40px;
    left: 0px;
    position: absolute;
    top: 0px;
    width: 40px;
}

.grpother-content-C61RwL {
    background-color: rgba(255, 255, 255, 0);
    height: 300px;
    left: 522px;
    width: 395px;
}

.rectangle-copy-odTI1x {
    background-color: rgba(255, 255, 255, 1.0);
    border-radius: 4px;
    /* height: 300px; */
    left: 0px;
    /* position: absolute; */
    /* top: 0px; */
    /* width: 395px; */
}

.we-start-to-look-at-odTI1x {
    background-color: rgba(255, 255, 255, 0);
    color: rgba(79, 79, 79, 1.0);
    font-size: 14.0px;
    height: auto;
    left: 20px;
    line-height: 19.0px;
    position: absolute;
    text-align: left;
    top: 90px;
    width: 352px;
}

img.gpxnew-header-copy-odTI1x {
    background-color: rgba(255, 255, 255, 0);
    height: 70px;
    left: 0px;
    position: absolute;
    top: 0px;
    width: 395px;
}

.group-copy-odTI1x {
    background-color: rgba(255, 255, 255, 0);
    height: 40px;
    left: 20px;
    position: absolute;
    top: 15px;
    width: 306px;
}

.other-content-here-sgaxHJ {
    background-color: rgba(255, 255, 255, 0);
    color: rgba(255, 255, 255, 1.0);
    font-size: 24.0px;
    height: auto;
    left: 60px;
    line-height: 29.0px;
    position: absolute;
    text-align: left;
    top: 6px;
    white-space: nowrap;
    width: auto;
}

img.x01iconsint-facepeople-sgaxHJ {
    background-color: rgba(255, 255, 255, 0);
    height: 40px;
    left: 0px;
    position: absolute;
    top: 0px;
    width: 40px;
}


.grpother-c-ntent-copy-C61RwL {
    background-color: rgba(255, 255, 255, 0);
    height: 300px;
    left: 942px;
    /* position: absolute; */
    /* top: 2306px; */
    width: 395px;
}

.banner-fjaSAI {
    background-color: var(--iron);
    border-radius: 4px;
    height: 300px;
    left: 0px;
    overflow: hidden;
    position: absolute;
    top: 0px;
    width: 395px;
}

img.img-3cyGf2 {
    background-color: rgba(255, 255, 255, 0);
    height: 406px;
    left: 0px;
    /* position: absolute; */
    /* top: -106px; */
    width: 601px;
}

.gpxoverlay-fjaSAI {
    background-color: rgba(0, 48, 73, 1.0);
    border-radius: 4px;
    height: 300px;
    left: 0px;
    opacity: 0.85;
    position: absolute;
    top: 0px;
    width: 395px;
}

.lorem-ipsum-dolor-si-fjaSAI {
    background-color: rgba(255, 255, 255, 0);
    color: rgba(255, 255, 255, 1.0);
    font-size: 14.0px;
    height: auto;
    left: 20px;
    line-height: 19.0px;
    position: absolute;
    text-align: left;
    top: 142px;
    width: 352px;
}

.title-subtext-fjaSAI {
    align-items: flex-start;
    background-color: rgba(255, 255, 255, 0);
    display: flex;
    flex-direction: column;
    height: auto;
    justify-content: flex-start;
    left: 20px;
    position: absolute;
    top: 42px;
    width: 346px;
}

.other-content-here-T3jsHo {
    background-color: rgba(255, 255, 255, 0);
    color: rgba(255, 255, 255, 1.0);
    font-size: 24.0px;
    height: auto;
    line-height: 29.0px;
    margin: 0;
    position: relative;
    text-align: left;
    white-space: nowrap;
    width: auto;
}

.this-will-be-another-T3jsHo {
    background-color: rgba(255, 255, 255, 0);
    color: rgba(255, 255, 255, 1.0);
    font-size: 14.0px;
    height: auto;
    line-height: 18.0px;
    margin: 5px 0 0 0;
    position: relative;
    text-align: left;
    width: 346px;
}

.grptag-mzXdH9 {
    background-color: rgba(255, 255, 255, 0);
    height: 28px;
    left: 962px;
    /* position: absolute; */
    /* top: 2548px; */
    width: 167px;
}

.rectangle-E3Zajx {
    background-color: rgba(255, 255, 255, 0);
    border-radius: 4px;
    height: 28px;
    left: 0px;
    position: absolute;
    top: 0px;
    width: 167px;
}

.more-information-E3Zajx {
    background-color: rgba(255, 255, 255, 0);
    color: rgba(255, 255, 255, 1.0);
    font-size: 14.0px;
    height: auto;
    left: 20px;
    line-height: 18.0px;
    position: absolute;
    text-align: left;
    bottom: 50px;
    white-space: nowrap;
    width: auto;
}



.item-content.match-height2 {
    position: relative;
}

.rightcol .card-author {
    font-size: 12px;
    margin-top: 15px;
}

#favourites .details {
    width: 140px;
    font-size: 12px;
}

.favourites-section .title {
    color: rgba(0, 48, 73, 1.0) !important;
}



#business-csc .col-md-12 {
    margin-bottom: 20px;
    border-bottom: 2px inset;
    display: inline-block;
}

p.csc-post-msg {
    font-size: 14px;
}

.cs-comment,
.cs-like {
    font-size: 12px;
}

.cs-comment img {
    width: 31px;
    ;
}

#bottom-content .title {
    background-color: rgba(0, 48, 73, 1.0);
    padding: 10px 20px;
}

#bottom-content .title h4 {
    color: white;
    margin: auto;
    margin-left: 20px;
}

#bottom-content .title .title-img {
    width: 40px;
    height: 40px;
    float: left;
    margin-right: 20px;
}

#bottom-content .content a {
    display: block;
    color: rgba(206, 4, 65, 1.0);
    font-size: 14.0px;
    text-decoration: underline;
}

/*#bottom-content .col-md-4{
			border:1px solid black;
            max-width: 32%;
            height: 300px;
		} */
#bottom-content p.content-txt {
    font-size: 14px;
}

#bottom-content {
    justify-content: space-between;
    margin-bottom: 60px;
}

#bottom-content .content-btn {
    font-size: 14px;
    border-color: rgba(0, 48, 73, 1.0);
    height: 28px;
    padding: 4px 25px;
    margin-top: 20px;
    margin-bottom: 20px;
}

#bottom-content .backgroundColor {
    height: 100%;
    background-color: rgba(0, 48, 73, 0.85);
    color: white !important;
}

#bottom-content .backgroundColor .content,
#bottom-content .backgroundColor h4 {
    color: white;
}

#bottom-content .backgroundColor .content-btn {
    border-color: rgba(255, 255, 255, 1.0);
}

.bg-color-grey {
    background-color: rgba(242, 242, 242, 1.0);
}

#jobs .bg-color {
    background-color: white;
    /*height: 102px; */
}

#jobs .bg-color .col-md-4 {
    border-right: 1px solid rgba(242, 242, 242, 1.0);
    height: 100%;
}

.appsdesc h5 {
    font-size: 18px;
    color: rgba(0, 48, 73);
}

#csc-event .appslogo {
    display: inline-flex;
}

#csc-event .appslogo .event-date {
    background-color: rgba(0, 48, 73, 1.0);
    padding: 15px 20px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

#csc-event .date {
    line-height: 1.2;
    color: white;
    font-size: 25.0px;
    font-weight: 600;
}

#csc-event .appsdesc {
    background-color: rgba(242, 242, 242, 1.0);
    padding: 10px 12px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;


    /*width: 174px; */
}

#csc-event .appsdesc h6 a {
    color: rgba(0, 48, 73, 1.0);
    font-size: 18.0px;
}

.rightcol .title a:hover {
    color: #014446;
    text-decoration: none;
}

.bottom-border {
    border-bottom: 2px inset;
}

#Announcements .grptag {
    background-color: rgba(0, 48, 73, 1.0);
    height: auto;
    padding: 25px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

#Announcements .content,
#Announcements .content-title {
    color: rgba(255, 255, 255, 1.0);
}

#Announcements .content-txt {
    font-size: 14px;
}

#Announcements .author {
    font-size: 12px;
}


/*bottom part*/

.bottom-section .border-set {
    border: 1px solid black;
    height: 100%;
    border-radius: 4px;
}

.bottom-section .content {
    padding-left: 20px !important;
}

.bottom-section .content-btn {
    margin-left: 20px !important;
}

.bottom-section .col-md-4 .bg-image {
    background-image: url("/sites/csc-collegeuat/Style Library/csc/img/bg-image_three.jpg");
    padding: 0;
}

@media screen and (max-width: 767px) {
    .bottom-section .col-sm-12 {
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 1199px) {
    .bottom-section .col-md-4 {
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 20px;
    }

    .Events-section .col-md-6 {
        flex: 0 0 100%;
        max-width: 100%;
    }
}


/*end bottom part*/


/*eAppsLabel */

label.eAppsLabel.orange {
    background-color: rgba(246, 139, 31, 1.0);
}

.eAppsLabel.light-blue {
    background-color: rgba(0, 194, 187, 1.0);
}

.eAppsLabel.light-green {
    background-color: rgba(115, 179, 32, 1.0);
    font-size: 20px !important;
}

.eAppsLabel.dark-blue {
    background-color: rgba(0, 48, 73, 1.0);
}

.eAppsLabel.light-maroon {
    background-color: orchid;
}

.eAppsLabel.light-brown {
    background-color: rgba(109, 90, 84, 1.0);
}

label.eAppsLabel.font-class-2 {
    font-size: 24px;
}

/*end eAppsLabel */


/*Get Jobs Done */

.appsdesc p {
    font-size: 12px;
    color: rgba(79, 79, 79, 1.0);
}

.bg-color-grey .br-custom {
    border-right: 2px solid #f5f5f5;
    border-bottom: none;
    margin-bottom: 0px;

}

@media screen and (max-width: 767px) {
    .bg-color-grey .br-custom {
        border-right: none;
        border-bottom: 2px solid #f5f5f5;
        margin-bottom: 20px;
    }

}


/*End Get Jobs Done */

.Happening-section .img {
    border-radius: 50%;
    width: 50px;
    height: 50px;
    overflow: hidden;
    position: relative;
    bottom: 20px;
}

.Happening-section img.prof-img {
    width: 50px;
}


/*Events-section*/
/*end Events-section*/
#csc-birthday .cscuserlabel,
#csc-staff .cscuserlabel {
    width: 80px;
    height: 80px;
}

/*Birthdays-section*/
.Birthdays-section .img {
    border-radius: 50%;
    width: 80px;
    height: 80px;
    overflow: hidden;
}

/*end Birthdays-section*/

/*Birthdays-section*/
.Staff-section .img {
    border-radius: 50%;
    width: 80px;
    height: 80px;
    overflow: hidden;
}

/*end Birthdays-section*/

.birthday-details {
    margin-left: 5px;
}

.happen-staff-birth {
    border-bottom: 6px solid #f2f2f2;
    margin-bottom: 40px;
}

.birthday-details .greetings {
    color: red;
}

@media screen and (max-width: 1700px) {
    .birthday-details .greetings {
        width: 115px;
    }
}

@media screen and (max-width: 1199px) {
    .birthday-details .greetings {
        width: 100%;
    }
}

.event-items {
    margin-bottom: 20px;
}

.cus-mar-row {
    margin-right: -15px;
    margin-left: -15px;
}



/***************************************************************end of imasheader.css************************************************************/


/************************************************************start of navbar.css*******************************************************************/


@media (min-width: 767px) {
    .caret-right {
        width: 0;
        height: 0;
        border-top: 4px solid rgba(0, 0, 0, 0);
        border-bottom: 4px solid rgba(0, 0, 0, 0);
        border-left: 4px solid #777777;

    }
}

.navbar-default .navbar-nav>li>a {
    color: white !important;
}

.navbar.navbar-default.navbar-fixed-top {
    background: #07349e;
}

.navbar-nav .dropdown-toggle::after {
    vertical-align: initial !important;
    border-top: none !important;
}

.navbar-nav .dropdown-toggle::after {
    font-family: "FontAwesome";
    padding-left: 10px;
    content: "\f078";
}

.navbar-nav a.dropdown-toggle {
    font-size: 16px;
    font-weight: 600;
}

.navbar-fixed-top {
    top: 165px !important;

}

.navbar {
    min-height: 60px !important;
}

#main-navber {
    width: 100%;
}

#main-navber a.dropdown-toggle.header-menu {
    color: white;
}

#main-navber a.dropdown-title {
    color: white;
    font-size: 16px;
    font-weight: 600;
}

#main-navber ul.nav.navbar-nav {
    margin-left: 100px;
}

#main-navber ul.nav.navbar-nav {
    display: flex !important;
}


/************************************************************end of navbar.css*******************************************************************/

/******************************************************************start of icon.css***************************************************************/

/* fallback */
@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/materialicons/v55/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2');
    font-display: swap;
}


.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
}


/******************************************************************end of icon.css******************************************************************/




/***********************************************************start of experts-home.css*******************************************************************/

/* screen - experts-home */

.experts-home {
    background-color: rgba(255, 255, 255, 1.0);
    border-color: rgba(255, 255, 255, 0);
    border-style: solid;
    border-width: 1px;
    height: 3559px;
    overflow: hidden;
    position: relative;
    width: 1440px;
}

.experts-home .arrow-light-C61RwL {
    background-color: rgba(255, 255, 255, 0);
    height: 80px;
    left: 1292px;
    position: absolute;
    top: 879px;
    width: 80px;
}

.experts-home .arrow-light-VMr6Om {
    background-color: rgba(255, 255, 255, 0);
    height: 80px;
    left: 847px;
    position: absolute;
    top: 1700px;
    width: 80px;
}

.experts-home .arrow-light-mzXdH9 {
    background-color: rgba(255, 255, 255, 0);
    height: 80px;
    left: 1300px;
    position: absolute;
    top: 2516px;
    width: 80px;
}

.experts-home .asset-24x-1-C61RwL {
    background-color: rgba(255, 255, 255, 0);
    height: 316px;
    left: 0px;
    position: absolute;
    top: 2866px;
    width: 1440px;
}

.experts-home .back-to-top-C61RwL {
    background-color: rgba(255, 255, 255, 0);
    height: 80px;
    left: 1298px;
    position: absolute;
    top: 690px;
    width: 80px;
}

.experts-home .benchmark-salary-C61RwL {
    background-color: rgba(31, 37, 61, 0);
    height: 24px;
    left: 1037px;
    position: absolute;
    top: 1470px;
    width: 209px;
}

.experts-home .button-wit-tive-short-C61RwL {
    background-color: rgba(255, 255, 255, 0);
    height: 48px;
    left: 234px;
    position: absolute;
    top: 2626px;
    width: 124px;
}

.experts-home .button-wit-tive-short-VMr6Om {
    background-color: rgba(255, 255, 255, 0);
    height: 48px;
    left: 568px;
    position: absolute;
    top: 2626px;
    width: 124px;
}

.experts-home .contact-form-C61RwL {
    background-color: rgba(44, 109, 166, 0);
    height: 12px;
    left: 715px;
    position: absolute;
    top: 3422px;
    width: 103px;
}

.experts-home .content-ca-ds-default-2P4qUJ {
    background-color: rgba(255, 255, 255, 0);
    height: 299px;
    left: 1384px;
    position: absolute;
    top: 2548px;
    width: 342px;
}

.experts-home .content-ca-ds-default-C61RwL {
    background-color: rgba(255, 255, 255, 0);
    height: 299px;
    left: 48px;
    position: absolute;
    top: 2548px;
    width: 342px;
}

.experts-home .content-ca-ds-default-QxM5SU {
    background-color: rgba(255, 255, 255, 0);
    height: 299px;
    left: 1050px;
    position: absolute;
    top: 2548px;
    width: 342px;
}

.experts-home .content-ca-ds-default-VMr6Om {
    background-color: rgba(255, 255, 255, 0);
    height: 299px;
    left: 382px;
    position: absolute;
    top: 2548px;
    width: 342px;
}

.experts-home .content-ca-ds-default-mzXdH9 {
    background-color: rgba(255, 255, 255, 0);
    height: 299px;
    left: 716px;
    position: absolute;
    top: 2548px;
    width: 342px;
}

.experts-home .down-C61RwL {
    background-color: rgba(255, 255, 255, 0);
    height: 16px;
    left: 1117px;
    position: absolute;
    top: 1219px;
    width: 16px;
}

.experts-home .gender-pay--worldwide-C61RwL {
    background-color: rgba(31, 37, 61, 0);
    height: 24px;
    left: 122px;
    position: absolute;
    top: 1828px;
    width: 590px;
}

.experts-home .group-145-C61RwL {
    background-color: rgba(255, 255, 255, 0);
    height: 28px;
    left: 0px;
    position: absolute;
    top: 32px;
    width: 1461px;
}

.experts-home .group-217-C61RwL {
    background-color: rgba(255, 255, 255, 0);
    height: 81px;
    left: -1px;
    position: absolute;
    top: 3478px;
    width: 1441px;
}

.experts-home .group-233-C61RwL {
    background-color: rgba(255, 255, 255, 0);
    height: 299px;
    left: 797px;
    position: absolute;
    top: 270px;
    width: 579px;
}

.experts-home .group-235-C61RwL {
    background-color: rgba(255, 255, 255, 0);
    height: 48px;
    left: 843px;
    position: absolute;
    top: 630px;
    width: 199px;
}

.experts-home .group-236-C61RwL {
    background-color: rgba(255, 255, 255, 0);
    height: 48px;
    left: 1066px;
    position: absolute;
    top: 630px;
    width: 199px;
}

.experts-home .group-237-C61RwL {
    background-color: rgba(255, 255, 255, 0);
    height: 168px;
    left: 64px;
    position: absolute;
    top: 380px;
    width: 597px;
}

.experts-home .group-238-C61RwL {
    background-color: rgba(255, 255, 255, 0);
    height: 363px;
    left: 60px;
    position: absolute;
    top: 1524px;
    width: 875px;
}

.experts-home .group-240-C61RwL {
    background-color: rgba(255, 255, 255, 0);
    height: 8px;
    left: 470px;
    position: absolute;
    top: 2007px;
    width: 56px;
}

.experts-home .group-264-C61RwL {
    background-color: rgba(255, 255, 255, 0);
    height: 97px;
    left: 64px;
    position: absolute;
    top: 1878px;
    width: 867px;
}

.experts-home .group-282-C61RwL {
    background-color: rgba(255, 255, 255, 0);
    height: 8px;
    left: 708px;
    position: absolute;
    top: 1104px;
    width: 24px;
}

.experts-home .group-301-C61RwL {
    background-color: rgba(255, 255, 255, 0);
    height: 328px;
    left: 48px;
    position: absolute;
    top: 892px;
    width: 342px;
}

.experts-home .group-305-C61RwL {
    background-color: rgba(255, 255, 255, 0);
    height: 328px;
    left: 1384px;
    position: absolute;
    top: 892px;
    width: 342px;
}

.experts-home .group-316-C61RwL {
    background-color: rgba(255, 255, 255, 0);
    height: 256px;
    left: 64px;
    position: absolute;
    top: 1160px;
    width: 1312px;
}

.experts-home .group-317-C61RwL {
    background-color: rgba(255, 255, 255, 0);
    height: 236px;
    left: 48px;
    position: absolute;
    top: 2047px;
    width: 1344px;
}

.experts-home .group-318-C61RwL {
    background-color: rgba(255, 255, 255, 0);
    height: 48px;
    left: 1177px;
    position: absolute;
    top: 2738px;
    width: 199px;
}

.experts-home .group-319-C61RwL {
    background-color: rgba(255, 255, 255, 0);
    height: 1px;
    left: 1054px;
    position: absolute;
    top: 2762px;
    width: 1px;
}

.experts-home .group-323-C61RwL {
    background-color: rgba(255, 255, 255, 0);
    height: 328px;
    left: 382px;
    position: absolute;
    top: 892px;
    width: 342px;
}

.experts-home .group-324-C61RwL {
    background-color: rgba(255, 255, 255, 0);
    height: 328px;
    left: 716px;
    position: absolute;
    top: 892px;
    width: 342px;
}

.experts-home .group-324-VMr6Om {
    background-color: rgba(255, 255, 255, 0);
    height: 8px;
    left: 708px;
    position: absolute;
    top: 2722px;
    width: 24px;
}

.experts-home .group-325-C61RwL {
    background-color: rgba(255, 255, 255, 0);
    height: 328px;
    left: 1050px;
    position: absolute;
    top: 892px;
    width: 342px;
}

.experts-home .group-335-C61RwL {
    background-color: rgba(255, 255, 255, 0);
    height: 40px;
    left: 64px;
    position: absolute;
    top: 1524px;
    width: 199px;
}

.experts-home .group-448-C61RwL {
    background-color: rgba(255, 255, 255, 0);
    height: 494px;
    left: 955px;
    position: absolute;
    top: 1524px;
    width: 421px;
}

.experts-home .group-C61RwL {
    background-color: rgba(255, 255, 255, 0);
    height: 29px;
    left: 201px;
    position: absolute;
    top: 827px;
    width: 34px;
}

.experts-home .group-VMr6Om {
    background-color: rgba(255, 255, 255, 0);
    height: 154px;
    left: 286px;
    position: absolute;
    top: 2947px;
    width: 105px;
}

.experts-home .have-you-b-ur-surveys-C61RwL {
    background-color: rgba(255, 255, 255, 0);
    height: 24px;
    left: 649px;
    position: absolute;
    top: 2926px;
    width: 662px;
}

.experts-home .highlights-C61RwL {
    background-color: rgba(31, 37, 61, 0);
    height: 24px;
    left: 65px;
    position: absolute;
    top: 1470px;
    width: 114px;
}

.experts-home .icon-arrow--down-fill-C61RwL {
    background-color: rgba(255, 255, 255, 0);
    height: 24px;
    left: 909px;
    position: absolute;
    top: 3350px;
    width: 24px;
}

.experts-home .image-17-C61RwL {
    background-color: rgba(255, 255, 255, 0);
    height: 33px;
    left: 0px;
    position: absolute;
    top: 0px;
    width: 1441px;
}

.experts-home .image-17-VMr6Om {
    background-color: rgba(255, 255, 255, 0);
    height: 33px;
    left: 0px;
    position: absolute;
    top: 0px;
    width: 1441px;
}

.experts-home .image-17-mzXdH9 {
    background-color: rgba(255, 255, 255, 0);
    height: 33px;
    left: 0px;
    position: absolute;
    top: 0px;
    width: 1441px;
}

.experts-home .impact-of--yment-rate-C61RwL {
    background-color: rgba(45, 54, 66, 0);
    height: 16px;
    left: 844px;
    position: absolute;
    top: 586px;
    width: 498px;
}

.experts-home .labels-report-tag-C61RwL {
    background-color: rgba(255, 255, 255, 0);
    height: 40px;
    left: 398px;
    position: absolute;
    top: 2419px;
    width: 199px;
}

.experts-home .labels-report-tag-VMr6Om {
    background-color: rgba(255, 255, 255, 0);
    height: 40px;
    left: 732px;
    position: absolute;
    top: 2419px;
    width: 199px;
}

.experts-home .labels-report-tag-mzXdH9 {
    background-color: rgba(255, 255, 255, 0);
    height: 40px;
    left: 1066px;
    position: absolute;
    top: 2419px;
    width: 199px;
}

.experts-home .mask-group-C61RwL {
    background-color: rgba(255, 255, 255, 0);
    height: 83px;
    left: 65px;
    position: absolute;
    top: 3366px;
    width: 83px;
}

.experts-home .mrsd-C61RwL {
    background-color: rgba(68, 68, 68, 0);
    height: 27px;
    left: 66px;
    position: absolute;
    top: 3491px;
    width: 100px;
}

.experts-home .navigation-ar-primary-C61RwL {
    background-color: rgba(255, 255, 255, 0);
    height: 140px;
    left: 0px;
    position: absolute;
    top: 60px;
    width: 1441px;
}

.experts-home .pattern-blue-C61RwL {
    background-color: rgba(255, 255, 255, 0);
    height: 1652px;
    left: -867px;
    position: absolute;
    top: -32px;
    width: 100%;
}

.experts-home .primary-bu-ton-active-C61RwL {
    background-color: rgba(255, 255, 255, 0);
    height: 48px;
    left: 954px;
    position: absolute;
    top: 3080px;
    width: 199px;
}

.experts-home .print-C61RwL {
    background-color: rgba(255, 255, 255, 0);
    height: 80px;
    left: 1px;
    position: absolute;
    top: 690px;
    width: 80px;
}

.experts-home .read-more-C61RwL {
    background-color: rgba(30, 75, 184, 0);
    height: 12px;
    left: 419px;
    position: absolute;
    top: 1934px;
    width: 74px;
}

.experts-home .recent-publications-C61RwL {
    background-color: rgba(31, 37, 61, 0);
    height: 19px;
    left: 68px;
    position: absolute;
    top: 2372px;
    width: 225px;
}

.experts-home .rectangle-156-C61RwL {
    background-color: rgba(255, 255, 255, 0);
    border-color: rgba(3, 47, 154, 1.0);
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    height: 48px;
    left: 955px;
    position: absolute;
    top: 2738px;
    width: 199px;
}

.experts-home .rectangle-183-C61RwL {
    background-color: rgba(195, 225, 255, 0);
    height: 511px;
    left: 0px;
    position: absolute;
    top: 2315px;
    width: 1440px;
}

.experts-home .rectangle-184-C61RwL {
    background-color: rgba(255, 255, 255, 0);
    height: 1191px;
    left: 1px;
    position: absolute;
    top: 696px;
    width: 1440px;
}

.experts-home .rectangle-2-C61RwL {
    background-color: rgba(244, 250, 255, 0);
    height: 528px;
    left: 0px;
    position: absolute;
    top: 200px;
    width: 101%;
}

.experts-home .rectangle-204-C61RwL {
    background-color: rgba(255, 255, 255, 0);
    height: 316px;
    left: 0px;
    position: absolute;
    top: 2866px;
    width: 1440px;
}

.experts-home .rectangle-261-C61RwL {
    background-color: rgba(255, 255, 255, 0);
    height: 1px;
    left: 864px;
    position: absolute;
    top: 100px;
    width: 1px;
}

.experts-home .rectangle-262-C61RwL {
    background-color: rgba(255, 255, 255, 0);
    height: 1px;
    left: 863px;
    position: absolute;
    top: 100px;
    width: 1px;
}

.experts-home .rectangle-271-C61RwL {
    background-color: rgba(196, 196, 196, 0);
    height: 1px;
    left: 110px;
    position: absolute;
    top: 170px;
    width: 1px;
}

.experts-home .rectangle-280-C61RwL {
    background-color: var(--mist-gray);
    height: 32px;
    left: 62px;
    opacity: 0;
    position: absolute;
    top: 0px;
    width: 27px;
}

.experts-home .rectangle-281-C61RwL {
    background-color: var(--mist-gray);
    height: 32px;
    left: 60px;
    opacity: 0;
    position: absolute;
    top: 0px;
    width: 29px;
}

.experts-home .rectangle-281-VMr6Om {
    background-color: var(--mist-gray);
    height: 32px;
    left: 60px;
    opacity: 0;
    position: absolute;
    top: 0px;
    width: 29px;
}

.experts-home .rectangle-286-C61RwL {
    background-color: var(--mist-gray);
    height: 31px;
    left: 90px;
    opacity: 0;
    position: absolute;
    top: 1px;
    width: 24px;
}

.experts-home .release-calendar-C61RwL {
    background-color: rgba(3, 47, 154, 0);
    border-color: rgba(255, 255, 255, 0);
    border-style: solid;
    border-width: 1px;
    color: rgba(3, 47, 154, 1.0);
    font-family: 'Open Sans', Helvetica, Arial, serif;
    font-size: 16.0px;
    font-style: normal;
    font-weight: 600;
    height: auto;
    left: 987px;
    letter-spacing: 0.00px;
    line-height: 24.0px;
    position: absolute;
    text-align: center;
    top: 2750px;
    white-space: nowrap;
    width: auto;
}

.experts-home .secondary--ton-active-C61RwL {
    background-color: rgba(255, 255, 255, 0);
    height: 1px;
    left: 831px;
    position: absolute;
    top: 2009px;
    width: 1px;
}

.experts-home .secondary--ton-active-VMr6Om {
    background-color: rgba(255, 255, 255, 0);
    height: 48px;
    left: 509px;
    position: absolute;
    top: 3080px;
    width: 199px;
}

.experts-home .secondary--ton-active-mzXdH9 {
    background-color: rgba(255, 255, 255, 0);
    height: 48px;
    left: 732px;
    position: absolute;
    top: 3080px;
    width: 199px;
}

.experts-home .slice-1-C61RwL {
    background-color: rgba(255, 255, 255, 0);
    height: 1px;
    left: 909px;
    position: absolute;
    top: 3720px;
    width: 1px;
}

.experts-home .text-size-C61RwL {
    background-color: rgba(255, 255, 255, 0);
    height: 80px;
    left: 1px;
    position: absolute;
    top: 630px;
    width: 80px;
}

.experts-home .vector-5-C61RwL {
    background-color: rgba(255, 255, 255, 0);
    height: 1px;
    left: 100px;
    position: absolute;
    top: 17px;
    width: 1px;
}

.experts-home .view-all-highlights-C61RwL {
    background-color: rgba(30, 75, 184, 0);
    height: 14px;
    left: 205px;
    position: absolute;
    top: 1479px;
    width: 128px;
}

.experts-home .x13-jul-2020-C61RwL {
    background-color: rgba(199, 81, 0, 0);
    height: 14px;
    left: 102px;
    position: absolute;
    top: 1793px;
    width: 70px;
}

.experts-home .x1500-bende--to-600-pm-C61RwL {
    background-color: rgba(68, 68, 68, 0);
    height: 84px;
    left: 526px;
    position: absolute;
    top: 3314px;
    width: 275px;
}

.experts-home .your-answe-ntributing-C61RwL {
    background-color: rgba(255, 255, 255, 0);
    height: 40px;
    left: 525px;
    position: absolute;
    top: 2988px;
    width: 638px;
}

:root {
    --mist-gray: rgba(196, 196, 196, 1.0);
}

/**************************************************************end of experts-home.css**************************************************************/


/**************************************************************start of Chart.css**********************************************************************/

#iMasChart {
    height: 450px;
    width: 500px;
    margin: 20px;
}

#iMasChart2 {
    height: 600px;
    width: 500px;
    margin: 20px;
}

#iMasChart3 {
    height: 600px;
    width: 500px;
    margin: 20px;
}

#iMasChart4 {
    height: 700px;
    width: 500px;
    margin: 20px;
}

#iMasChart5 {
    height: 800px;
    width: 1500px;
    margin: 20px;
}

/*iframe {
	border: 2px solid !important;
	margin: 20px;
}*/

/***************************************************************end of Chart.css*********************************************************************/



/*************************************************************start of common.css********************************************************************/

* {
    font-family: 'Open Sans', Helvetica, Arial, serif;

}



#s4-bodyContainer {
    padding-bottom: 0px;
}

.font-class-1 {
    font-family: 'Open Sans', Helvetica, Arial, serif;
    font-style: normal;
    font-weight: 500;
}

.font-class-2 {
    font-family: 'Open Sans', Helvetica, Arial, serif;
    font-style: normal;
    font-weight: 600;
}

.font-class-3 {
    font-family: 'Open Sans', Helvetica, Arial, serif;
    font-style: normal;
    font-weight: 400;
}

.font-class-4 {
    font-family: 'Open Sans', Helvetica, Arial, serif;
    font-style: italic;
    font-weight: 600;
}

.font-class-5 {
    font-family: 'Open Sans', Helvetica, Arial, serif;
    font-style: normal;
    font-weight: 400;
}

.font-class-6 {
    color: rgba(255, 255, 255, 1.0);
    font-family: 'Open Sans', Helvetica, Arial, serif;
    font-size: 14.0px;
    font-style: normal;
    font-weight: 600;
    line-height: 18.0px;
}

.font-class-7 {
    font-family: 'Open Sans', Helvetica, Arial, serif;
    font-style: normal;
    font-weight: 700;
}

@media (min-width: 2780px) {
    #s4-workspace {
        max-width: 2780px;
        margin: 0 auto;
    }
}

#main-navber ul.nav.navbar-nav {
    margin-left: 0px !important;
}

#nav-header {
    width: 32%;
    display: flex;
    border-right: 1px solid;
}

#nav-header .main-logo {
    /*width: 36%;
width: 100%;
height: 58px; */
    width: 100%;

}

#nav-header .main-title {
    color: rgba(0, 110, 171, 1.0);
    font-size: 11px;
    letter-spacing: 0.20px;
    line-height: 13px;
    padding: 13px 10px;
    margin-left: 20px;
}

.nav>li>a {
    position: relative;
    display: block;
    /*padding: 10px 15px;*/
}

#navbarSupportedContent .nav-item>a {
    margin-top: 10px;
    padding: 0px;
}

#main-navber a.header-menu {
    color: rgb(12, 13, 13);
}

#main-navber a.dropdown-title {
    color: rgb(12, 13, 13);
    font-size: 16px;
    font-weight: 600;
}

#header .search-icon-change::after {
    font-family: "FontAwesome";
    content: "\f002";
    display: inline-block;
    color: #666 !important;
    margin-top: 10px;
    font-weight: normal;
    font-size: 20px;
    max-width: 10px;
}

#header #custom-search-input-mob {
    display: none;
}

#header .take-Surveys {
    color: rgb(199, 81, 0) !important;
    text-align: center;
    border-radius: 4px;
    border: 1px solid rgb(199, 81, 0);
    padding: 9px 20px;
}

#header .take-Surveys:hover {
    background: #C75100;
    color: white !important;
}

.navbar-nav a.megamenu {

    font-size: 16px;
    font-weight: 600;
    color: rgb(12, 13, 13);
    justify-content: space-between;
    display: flex;
}

.navbar-nav .nav-item.dropdown>.megamenu::after {

    font-family: "FontAwesome";
    padding-left: 10px;
    content: "\f106";
    vertical-align: initial !important;
    border-top: none !important;
    position: relative;
    bottom: 3px;
    font-size: 22px;
    height: 24px;

}

a.navbar-toggler::before {

    font-family: "FontAwesome";
    content: "\f00d";
    display: inline-block;
    color: #1f539f;
    font-weight: normal;
    font-size: 30px;
    border: none;
    position: absolute;
    right: 15px;
    top: 10px;

}

.navbar-toggler.collapsed::before {

    font-family: "FontAwesome";
    content: "\f0c9";
}

#navbarSupportedContent .navbar-nav li.nav-item {
    position: static;

}

#navbarSupportedContent .navbar-nav li {
    margin-left: 30px;
}

#navbarSupportedContent {

    background: white;
    justify-content: flex-start;
}

#navbarSupportedContent .nav-item.dropdown .megamenu:not(.collapsed) {
    color: #2563cc !important;
    border-bottom: 4px solid#ffb74d;
}

#navbarSupportedContent .nav-item .mainmenu-title:hover {
    color: #2563cc !important;
    border-bottom: 4px solid#ffb74d;
}

.navbar-nav li.nav-item.dropdown>.megamenu.collapsed::after {

    content: "\f107";

}

#navbarSupportedContent .dropdown-submenu {

    position: relative;
}

#navbarSupportedContent .mainmenu {

    left: 0px;

    /* height: 228px;
width:16%;
*/

    border-radius: 0px;
    position: absolute;
    z-index: 1000;
    box-shadow: 0px 0px 15px 2px #e8e9e9;
    /* top: 57px; */
}

#navbarSupportedContent .dropdown-submenu .collapse {

    border-radius: 0px;
    width: 1100px;
    display: flex;
}

#navbarSupportedContent .dropdown-submenu>.collapse {

    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

/*#navbarSupportedContent .dropdown-submenu>a:after {
display: block;
content: "\f078";
font-family: "FontAwesome";
float: right;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
border-width: 5px 0 5px 5px;
border-left-color: #ccc;
margin-top: 5px;
margin-right: -10px;
}*/

#navbarSupportedContent .dropdown-submenu:hover>a:after {

    border-left-color: #fff;
}

#navbarSupportedContent .dropdown-submenu.pull-left {

    float: none;
}

#navbarSupportedContent .dropdown-submenu.pull-left>.collapse {

    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

#navbarSupportedContent .dropdown-submenu>.header-menu::after {

    border: none;
    content: "\f105";
    float: right;
    font-family: "FontAwesome";
    font-size: 22px;



}

#navbarSupportedContent .dropdown-submenu .collapse:not(.show) {

    display: none !important;
}

#navbarSupportedContent .dropdown-item:hover {
    background-color: transparent;
}

#navbarSupportedContent .level3Term {
    background-color: white;
    white-space: normal;
}

#navbarSupportedContent li.nav-item .mainmenu {
    display: flex;
}

#navbarSupportedContent .level3Term {
    display: flex;
}

#navbarSupportedContent .collapse:not(.show) {
    display: none !important;
}

#navbarSupportedContent .level3Term .sub2ndlevel {
    white-space: nowrap;
    border-right: 1px solid black;
    margin: 20px;
    padding-right: 20px;
    margin-right: 0px;
    width: 100%;
}

.mainmenu .sub2ndlevel .level4 .dropdown-item a {

    font-size: 14px;
    color: black;
}


#navbarSupportedContent .level4 .dropdown-item a {

    font-size: 14px;
    color: black;
}

#navbarSupportedContent .side-menu .dropdown-item a {

    opacity: .8;
    white-space: normal;
}

#navbarSupportedContent .side-menu .dropdown-item a:hover {

    opacity: 1;
}


#navbarSupportedContent .dropdown-submenu .submenu {

    opacity: .8;
    display: flex;
    justify-content: space-between;
}


#navbarSupportedContent .submenu:not(.collapsed) {

    opacity: 1;
}


#navbarSupportedContent .dropdown-item:hover {

    background-color: transparent !important;
}



#navbarSupportedContent .dropdown-submenu>.menu-item .dropdown-arrow {


    color: white;
    font-size: 24px;
    text-align: end;

    /*position: absolute;
right: 0;*/
}

#navbarSupportedContent .level4.collapse {

    display: block !important;
}


/*#navbarSupportedContent .dropdown-arrow.megamenu {

right: 0px;
bottom: 0px;
padding: 10px 0px;
position: relative;
font-size: 22px;
font-weight: 700;
}

#navbarSupportedContent .fa-angle-down.megamenu.collapsed:before{

content: "\f107";
}

#navbarSupportedContent .fa-angle-down.megamenu:before{

content: "\f106";
}
*/

#navbarSupportedContent a {

    text-decoration: none;
}


#navbarSupportedContent .level3menu .dropdown-arrow {

    display: none;

}

/*mob view*/

#headerComponent .navbar-toggler.text-white::before {

    color: white !important;
}

#navbarSupportedContent .parent-title {

    display: none;
    padding: 5px;

}


@media (max-width: 372px) {

    #footer .footer-firstsection .footer-logo {

        width: 100%
    }
}

@media (max-width: 991px) {


    /*#navbarSupportedContent .fa-angle-down.megamenu.collapsed:before{

content: "\f105" !important;

}

#navbarSupportedContent .fa-angle-down.megamenu:before{

content: "\f104" !important;

}*/


    .navbar-nav .nav-item.dropdown>.megamenu::after {

        content: "\f104" !important;
        padding: 0px;

    }

    .navbar-nav li.nav-item.dropdown>.megamenu.collapsed::after {

        content: "\f105" !important;

    }



    #navbarSupportedContent .level3Term {

        display: block;

    }

    #navbarSupportedContent .sub2ndlevel .thirdLevel-title::after {

        border: none;
        content: "\f078";
        float: right;
        font-family: "FontAwesome";


    }

    #navbarSupportedContent .level3menu .dropdown-arrow {

        display: inline-block !important;
        float: right;
        font-size: 24px;
    }

    #navbarSupportedContent .level4.collapse:not(.show) {

        display: none !important;
    }

    #navbarSupportedContent .megamenu {

        /* bottom: auto;
position:absolute;
right: 20px;*/

        padding: 15px;

    }

    #navbarSupportedContent .megamenu-item a.header-menu {

        padding: 10px 15px;
    }

    #navbarSupportedContent {

        margin-right: 0px;
    }


    #navbarSupportedContent .mainmenu {

        position: relative;
        top: 0px;
    }

    #navbarSupportedContent .level3Term .sub2ndlevel {

        border: none;
        padding-right: 0px;
        margin: 20px 0px;
        white-space: normal;
    }

    #navbarSupportedContent .side-menu.py-4 {

        padding-top: 5px !important;
        padding-bottom: 5px !important;
    }


    #navbarSupportedContent .dropdown-submenu>.submenu.collapsed::after {

        content: "\f105" !important;
    }

    #navbarSupportedContent .dropdown-submenu>.submenu::after {

        content: "\f104";
    }

    #navbarSupportedContent .level3menu.collapsed .dropdown-arrow::before {

        content: "\f107" !important;
    }

    #navbarSupportedContent .level3menu .dropdown-arrow::before {

        content: "\f106";
    }

    #navbarSupportedContent .parent-title {

        display: block;
    }

    #headerComponent .navbar-toggler::before {

        z-index: 9999;
        /*top:50px;*/
    }

    #headerComponent .navbar-toggler.collapsed::before {

        top: 10px !important;

    }

    #navbarSupportedContent .level3menu img {

        display: none;
    }

    #navbarSupportedContent {

        position: absolute;
        width: 100%;
        z-index: 999;
        top: 0px;
    }

    #navbarSupportedContent .mainmenu,
    #navbarSupportedContent .level3Term {

        width: 100%;
        padding: 20px;
    }

    #navbarSupportedContent .level3Term {

        padding: 20px;
    }

    /* #header .take-Surveys {

            display: none;
        }   */

    #navbarSupportedContent .navbar-nav li.li-take {
        margin-top: auto;
        padding-bottom: 20px;
        padding-right: 30px;
    }

    #navbarSupportedContent .nav-item>a {
        padding-right: 30px;
    }



    #navbarSupportedContent .thirdLevel-title {

        font-size: 18px;
    }

    #navbarSupportedContent .level4 .dropdown-item a {

        font-size: 16px !important;
    }

    #navbarSupportedContent .level4 .dropdown-item {

        padding: 14px 20px !important;
    }

    #navbarSupportedContent .level3menu {

        padding: 10px;
        display: flex;
        justify-content: space-between;
    }

    .position #search-input-mob {
        display: block !important;
    }

    #navbarSupportedContent.position {

        position: relative;
    }


}

@media (max-width: 360px) {

    #navbarSupportedContent .level3Term {

        padding: 10px !important;

    }


}

/*mob search*/

#search-input-mob {
    display: none;
}

#search-input-mob .search-query {
    padding-left: 30px;
    border-radius: 0;
}

#search-input-mob .fa-search {
    position: absolute;
    display: flex;
    padding: 10px;
    align-items: inherit;
    z-index: 2;
}

@media (min-width: 992px) and (max-width: 1221px) {

    #navbarSupportedContent .navbar-nav li {
        margin-left: 10px;
    }

    #navbarSupportedContent {
        margin-right: 30px;
    }
}

#navbarSupportedContent li.nav-item.dropdown a span {
    font-size: 16px;
}

/*end header*/

/*-----------------------------------------------*/
#header #search-icon {
    position: static;
    right: 40px;
}

#desktop-search-bar .dropdown-menu {
    width: 100%;
}

#desktop-search-bar #custom-search-input-desk {
    background-color: #f5f5f5 !important;
}

#desktop-search-bar .search-query {
    width: 90%;
    padding: 20px;
    margin: 30px;
}

#desktop-search-bar .input-group-btn button {
    border: 0;
    background: none;
    margin-top: 32px;
    position: absolute;
    right: 30px;
    border-radius: 50px;
    color: gray;
    z-index: 3;
}

#search-icon.show #search-btn .search-icon-change::after {
    content: "\f00d";
}

#search-icon #search-btn .search-icon-change {
    position: relative;
    right: 25px;
}

/*--------------------------------*/

.logo {
    border-right: 1px solid #1f253d;
    left: 8%;
    right: 88.41%;
    top: 14.29%;
    bottom: 57.14%;
    height: 81px;
}

#search-div .search-btn .fa-search {
    font-size: 25px;
}

#search-input {
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 28px;
    position: absolute;
    left: 25.88%;
    top: 30%;
    border: none;
}


.megamenu a.down-cart::after {
    font-family: "FontAwesome";
    padding-left: 10px;
    content: "\f078";
}

/*.megamenu a {
width: 100px;
display: flex;
color: white;
}*/

#navbarSupportedContent {
    background-color: rgb(255, 255, 255);
}

.megamenu a p {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    display: inline-block;
}

.megamenu a.nav-link {
    justify-content: center;
    line-height: 40px;
}



#footer .footerword {
    color: rgb(255, 255, 255);
    margin-bottom: 0px;
    font-size: 14px;
}

.mask-group-C61RwL {
    width: 83px;
}

.navbar {
    padding: 0px !important;
}

.mrsd {
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 36px;
    line-height: 40px;
    /* identical to box height, or 111% */
    line-height: 80px;
    letter-spacing: -0.5px;
    color: #1f253d;
    right: 19%;
    position: relative;
}

/*.input-group {
left: 8.5%;
}*/

/* Start page layout*/
.custom-header-content {
    margin-top: 55px;
    margin-left: 30px;
}

.breadcrumb-content {
    margin-left: 30px;

}

.statistic-detail-content-1 {
    padding: 25px !important;
    padding-left: 50px !important;
}

.headermodule h2 {
    display: none;
}

/* End page layout*/

.text-list-li {
    width: 134px;
    height: 60px;
    left: 16%;
}

.statistics {
    position: relative;
    top: 186px;
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 24px;
    /* position: absolute; */
    width: 50%;
    height: 24px;
    left: 5%;
}

.txtColor {
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 24px;
}

.statistic-content {
    position: absolute;
    width: 597px;
    height: 120px;
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 36px;
    line-height: 40px;
    letter-spacing: -0.5px;
    color: #000000;
}

.experts-home .rectangle-2-C61RwL {
    top: 0px !important;
}

.experts-home .pattern-blue-C61RwL {
    top: -184.41px;
    /* height: 100%; */
    width: 97%;
    left: -23%;
}

.experts-home {
    height: 3130px;
    width: 99%;
}

.mid-content {
    position: relative;
    left: 50px;
}

.coronavirus {
    position: absolute;
    right: -4%;
    top: 67px;
    z-index: 999;
}

.experts-home .group-233-C61RwL {
    position: initial !important;
}

.coronaBtn {
    background: #1e4bb8;
    border-radius: 4px;
    color: #ffffff;
}

.experts-home .back-to-top-C61RwL {
    left: 1198px;
    position: absolute;
    top: 459px;
}

.print {
    padding: 0px;
    border: 0px;
    background-color: transparent;
    position: absolute;
    top: 464px;
    z-index: 999;
}

.upArrow {
    background-color: transparent;
    position: absolute;
    top: 464px;
    right: 0px;
    padding: 0px;
    border: 0px;
    z-index: 999;
}

.printimg,
.backtotop,
.font {
    width: 74px;
    height: 74px;
}

.fontsize {
    padding: 0px;
    border: 0px;
    background-color: transparent;
    position: absolute;
    top: 400px;
}

.imgcircle {
    border-radius: 50%;
    background-color: white;
    width: 50px;
    height: 50px;
    position: absolute;
    top: 31px;
    left: 126px;
    text-align: center;
}

.ractangleBox {
    background: linear-gradient(174.75deg, #2563cc 38.42%, #1e4bb8 89.02%);
    /* transform: matrix(1, 0, 0, -1, 0, 0); */
    position: absolute;
    width: 310px;
    height: 296px;
    left: 80px;
    top: 565px;
    border-radius: 2px;
}

.grpimg {
    width: 27px;
    height: 27px;
    position: absolute;
    top: 11px;
    left: 12px;
}

.card-body {
    position: absolute;
    width: 250px;
    height: 25px;
    left: 16px;
    top: 81px;
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 25px;
    text-align: center;
    color: #ffffff;
}

.percentage {
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 36px;
    line-height: 49px;
    text-align: center;
    color: #ffffff;
    position: absolute;
    width: 163px;
    height: 49px;
    left: 42px;
    top: 60px;
}

.totalPerson {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #ffffff;
    position: absolute;
    width: 130px;
    height: 48px;
    left: 53px;
    top: 122px;
}

.card {
    height: 296px;
    background: linear-gradient(174.75deg, #2563cc 38.42%, #1e4bb8 89.02%);
    /* position: relative; */
    border-radius: 0px;
    width: 100%;
}

.carousel {
    top: 17.5%;
}

.carousel-indicators {
    top: 300px;
}

.carousel-indicators li {
    background-color: #bbc5d0;
    width: 8px;
    height: 8px;
    border-radius: 50%;
}

.carousel-indicators .active {
    background-color: #2c75dd;
}

#multi-item-example .carousel-inner {
    width: 95%;
    left: 71px;
}

.Highlight_nextImg {
    width: 74px;
    height: 74px;
    float: right;
    position: absolute;
    top: 180px;
    /* right: -26%; */
    left: -37px;
    z-index: 999;
}

.nextImg {
    width: 74px;
    height: 74px;
    float: right;
    position: absolute;
    top: 110px;
    right: 3%;
    /* left: -37px; */
    z-index: 999;
}

.body-section {
    position: absolute;
    width: 92%;
    height: 256px;
    left: 83px;
    top: 580px;
    /* opacity: 0.05; */
    background: #f4faff;
}

.body-content {
    width: 100%;
    align-items: center;
    position: relative;
    top: 621px;
    left: 20%;
    height: 50px;
}

.selectType {
    width: 292px !important;
    background: #f4faff;
    border: 1px solid #1e4bb8;
    box-sizing: border-box;
    border-radius: 0px 4px 4px 0px;
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    color: #032f9a;
}

.like {
    width: 543px !important;
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
    border-left: none;
    border-radius: 0px;
    background: #ffffff;
    border: 1px solid #00247b;
    border-left: none;
}

.divsearchImg {
    width: 38px;
    border: 1px solid #00247b;
    height: 38px;
    background-color: white;
    border-right: none;
    /* border-bottom-right-radius: 0px; */
    /* border-radius: 0px; */
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
}

.searchImg {
    position: absolute;
    top: 12px;
    left: 10px;
    width: 18px;
    height: 18px;
}

.searchTerm {
    position: absolute;
    width: 184px;
    height: 25px;
    left: 20.4%;
    top: 730px;
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 24px;
    color: #1e4bb8;
}

.searchBtn {
    position: absolute;
    height: 48px;
    left: 20.4%;
    top: 767px;
}

.coronaVirusBtn,
.aging,
.graduate,
.Unemployment {
    height: 41px;
    border: 1px solid #1e4bb8;
    box-sizing: border-box;
    border-radius: 4px;
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #1e4bb8;
    width: 199px;
    background-color: transparent;
}

.highlightSec {
    position: absolute;
    height: 36px;
    left: 53px;
    top: 1200px;
    width: 100%;
}

.hightlight-Title>h4,
.benchmark-Title>h4 {
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 36px;
    letter-spacing: -0.5px;
    color: #1f253d;
    width: 150px;
}

.hightlight {
    max-width: 70%;
}

.allHighlightLnk {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.25px;
    color: #1e4bb8;
}

#highlight-carousel {
    position: absolute;
    top: 80px;
    width: 96%;
}

.highlight-card-body {
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 33px;
    color: #1f253d;
    position: absolute;
    top: 82%;
    left: 48px;
}

.highlight-Date {
    position: absolute;
    width: 81px;
    height: 20px;
    left: 50px;
    top: 260px;
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    color: #c75100;
}

#highlight-carousel .carousel-inner {
    height: 437px;
    width: 100%;
}

@media only screen and (min-width: 1320px) {
    .highlight-card-body {
        top: 78%;
    }

    .employee,
    .employer {
        width: 201px !important;
        height: 48px !important;
    }

    .occupationText,
    .salaryText {
        width: 88% !important;
    }

    .income {
        width: 87% !important;
        height: 48px !important;
    }

    .tools {
        width: 153px !important;
        left: 100px !important;
    }

    #highlight-carousel .nextImg {
        left: 350px;
        top: 200px;
    }

    .pubBtn {
        left: 76.3% !important;
    }

    .Highlight_nextImg {
        left: 340px;
        top: 200px;
    }

    .highlight-text {
        background: #f2f7fc;
        position: absolute;
        width: 100%;
        height: 96.17px;
        left: 5.04px;
        top: 349.06px;
    }

    .highlight-card .card-img-top {
        height: 355px;
    }
}


.highlight-carousel-indicators {
    top: 451px;
}

.highlight-card-text {
    position: absolute;
    width: 782.9px;
    height: 53.17px;
    left: 48.04px;
    top: 17.06px;
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 26px;
    color: #000000;
}

.highlight-text {
    background: #f2f7fc;
    position: absolute;
    width: 100%;
    height: 96.17px;
    left: 5.04px;
    top: 348.06px;
}

.controls-top {
    position: absolute;
    width: 48px;
    height: 48px;
    left: 797px;
    top: 0px;
    filter: drop-shadow(0px 0px 16px rgba(255, 255, 255, 0.2));
}

.article-Content {
    position: absolute;
    width: 199px;
    height: 34px;
    left: 5px;
    background: #2563cc;
    top: 0px;
}

.articleText {
    position: relative;
    left: 64px;
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #ffffff;
}

.article-image {
    position: relative;
    left: 52px;
}

.benchmarkArea {
    position: absolute;
    width: 100%;
    height: 494px;
    left: 0px;
    top: 82px;
    background: #eef1f4;
}

.benchmark-btn {
    position: absolute;
    left: 23px;
    top: 40px;
}

.employee {
    width: 135px;
    background: #1e4bb8;
    border-radius: 4px 0px 0px 4px;
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 25px;
    text-align: center;
    border: 1px solid #1e4bb8;
    color: #ffffff;
    height: 37px;
    position: relative;
    left: 5px;
}

.employer {
    width: 135px;
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 25px;
    text-align: center;
    color: #ffffff;
    height: 37px;
    color: #1e4bb8;
    margin-right: 0px;
    border-radius: 0px 4px 4px 0px;
    border: 1px solid #1e4bb8;
}

.benchmark-fields {
    position: absolute;
    width: 100%;
    /* height: 9.04px; */
    left: 28.17px;
    top: 104.33px;
}

.occupation,
.month {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    /* align-items: unset; */
    color: #0c0d0d;
    justify-content: unset;
    position: relative;
    margin-bottom: 8px;
}

.occupationText,
.salaryText {
    width: 265.66px;
    height: 46px;
    background: #ffffff;
    border: 1px solid #ffffff;
    box-sizing: border-box;
}

::placeholder {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    color: #b5b6b7;
}

.benchmarkBtn {
    position: absolute;
    width: 100%;
    /* height: 48px; */
    left: 3.17px;
    top: 222.01px;
}

.income {
    background: #1e4bb8;
    border-radius: 4px;
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #ffffff;
    width: 264px;
    height: 48px;
}

.income-tools {
    position: absolute;
    /* width: 158px; */
    /* height: 24.04px; */
    left: 3px;
    top: 293.87px;
}

.incometrends {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #1e4bb8;
}

.tools {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #1e4bb8;
    position: relative;
    width: 100px;
    left: 11px;
    height: 43px;
    border: 1px solid #1e4bb8;
    box-sizing: border-box;
    border-radius: 4px;
}

.data {
    position: absolute;
    height: 204px;
    width: 100%;
    left: 64px;
    top: 1850px;
}

.build-circle {
    position: relative;
    top: 32px;
}

.builder {
    background: linear-gradient(11.52deg, #1e4bb8 6.28%, #4ea3fa 216.22%);
    height: 204px;
    width: 421px;
    text-align: center;
}

.builder-body {
    position: relative;
    top: 50px;
}

.builder-title {
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 28px;
    color: #ffffff;
}

.builder-cnt {
    height: 40px;
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    width: 100%;
    color: #ffffff;
    position: relative;
    left: 5px;
}

.builderMrgin {
    max-width: 29%;
    margin-right: 20px;
}

.recentPublication {
    position: absolute;
    width: 100%;
    height: 511px;
    left: 0px;
    top: 2120px;
    background: #c3e1ff;
}

.publicTitle {
    position: absolute;
    width: 228px;
    height: 36px;
    left: 80px;
    top: 48px;
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 36px;
    letter-spacing: -0.5px;
    color: #1f253d;
}

#publication-example {
    position: relative;
    top: 23%;
    left: 46px;
    width: 100%;
    margin: 0px !important;
}

.bkstyle {
    background: #ffffff;
    height: 267px;
    width: 24%;
}

#publication-example .carousel-inner {
    position: relative;
    left: 20px;
}

.public-card {
    position: relative;
    top: 65px;
    left: 16px;
}

.assetimg {
    width: 275px;
    height: 112px;
    position: absolute;
    top: 83px;
    left: -31px;
}

.publicDate {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    color: #333333;
}

.public-card-title {
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 28px;
    color: #333333;
    flex: none;
    order: 0;
    align-self: center;
    flex-grow: 0;
}

.report-Content {
    position: absolute;
    left: -17px;
    right: 0%;
    top: -65px;
    bottom: -25%;
    background: #2563cc;
    width: 195px;
    height: 47px;
}

.report-image {
    position: relative;
    left: 54px;
}

.reportText {
    position: relative;
    left: 70px;
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #ffffff;
}

.pdf {
    border: 1px solid #1e4bb8;
    box-sizing: border-box;
    border-radius: 4px;
    width: 124px;
    height: 48px;
    position: absolute;
    background-color: transparent;
    left: 104px;
    top: 139px;
}

.downloadbtn {
    flex: none;
    order: 0;
    align-self: center;
    flex-grow: 0;
    margin: 12px 0px;
    position: relative;
    width: 15px;
    height: 15px;
    left: -4px;
    top: -4px;
}

.pdftext {
    position: relative;
    left: 8px;
    /* right: 0%; */
    top: -2px;
    bottom: 0%;
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #1e4bb8;
    flex: none;
    order: 1;
    align-self: center;
    flex-grow: 0;
    margin: 12px 0px;
}

.pubBtn {
    position: absolute;
    left: 776px;
    top: 438px;
}

.release {
    height: 45px;
    width: 173px;
    margin-right: 17px;
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #032f9a;
    background-color: transparent;
    border: 1px solid #032f9a;
    box-sizing: border-box;
    border-radius: 4px;
}

.more {
    width: 200px;
    height: 45px;
    background: #1e4bb8;
    border-radius: 4px;
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #ffffff;
    border: 1px solid #032f9a;
}

.survey {
    position: relative;
    width: 100%;
    height: 316px;
    left: 0px;
    top: 74%;
}

.surveycontent {
    position: relative;
    left: -15px;
    height: 100%;
}

.surveyimg {
    z-index: 999;
    position: relative;
    top: 1px;
    opacity: 0.6;
    width: 103%;
    height: 100%;
    background: linear-gradient(270deg,
            rgba(255, 255, 255, 0.81) -18.65%,
            rgba(255, 255, 255, 0.68) 53.39%,
            rgba(255, 255, 255, 0) 89.55%,
            rgba(255, 255, 255, 0) 89.55%);
    mix-blend-mode: multiply;
    opacity: 1;
}

.bluebackColor {
    position: relative;
    top: -311px;
    background: linear-gradient(86.91deg, #1e4bb8 27.69%, #83c2ec 141.2%);
    width: 103%;
    height: 100%;
}

.grpcls {
    height: 152px;
    width: 102px;
}

.grpImag {
    position: absolute;
    left: 20%;
    right: 72.95%;
    top: 14%;
    bottom: 12.9%;
}

.surveyQues {
    left: 33%;
    position: absolute;
    top: 12%;
    width: 54%;
}

.ques {
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 36px;
    letter-spacing: -0.5px;
    color: #ffffff;
}

.surveyDesc {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 24px;
    color: #ffffff;
    position: absolute;
    top: 60px;
}

.surveyBtn {
    position: absolute;
    top: 60%;
    left: 33%;
    width: auto;
}

.Individuals,
.Businesses,
.TakeSurvey {
    width: 189px;
    height: 48px;
    background-color: transparent;
    border: 1px solid #ffffff;
    box-sizing: border-box;
    border-radius: 4px;
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #ffffff;
}

.contact-Title {
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 25px;
    color: #444444;
}

.MSRDCnt {
    position: relative;
    left: 88px;
}

.MRSD_lbl {
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 36px;
    line-height: 49px;
    /* display: block; */
    color: #444444;
}

.MRSD_Body {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    color: #444444;
    height: 96px;
    width: 422px;
}

.contact {
    position: relative;
    left: 80px;
}

.contact_Address,
.Lbl_email,
.signuplabel {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 24px;
    color: #444444;
}

.email {
    position: relative;
    left: 50px;
}

.Ipt_Email {
    background: #ffffff;
    border: 1px solid #c6cacd;
    box-sizing: border-box;
    border-radius: 4px;
    width: 310px;
    height: 39px;
}

.email_sec {
    position: relative;
    top: 10px;
}

.subscribe_Lnk {
    float: right;
    position: absolute;
    /* right: -33px; */
    top: 102%;
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #2b6ea5;
    left: 73%;
}

.socialMedia {
    position: relative;
    left: 73px;
    max-width: 150px;
}

.Img-FB,
.img_twitter,
.Img-linkedin,
.img_youtube {
    width: 40px;
    height: 40px;
}

.contactForm {
    position: relative;
    top: -91px;
    left: 50%;
    max-width: 200px;
}




#navbarSupportedContent .nav .dropdown-menu-right .dropdown-item {
    color: black;
}

/*---------------------------------------------------*/
#footer .footer-firstsection .footer-logo {
    height: 65px;
}

#footer .footer-firstsection .footer-title {
    color: rgba(0, 110, 171, 1.0);
    width: 20%;
    margin: 0px;
    padding: 8px 20px;
    border-left: 1px solid;
    height: 40px;
    top: 10px;
    position: relative;
    margin-left: 15px;
    font-size: 12px;
}

#footer .footer-firstsection .firstsection-links {
    justify-content: space-between;
    margin-top: 20px;
}

#footer .footer-firstsection .firstsection-links a {
    color: rgb(37, 99, 204);
    font-size: 16px;
    font-weight: 600;
}

#footer-links {
    display: flex;
    justify-content: flex-end;
}

#footer-links .quick-links {
    margin-top: 10px;
}

#footer-links .quick-links a {
    padding: 20px;
    color: rgb(37, 99, 204);
}

#footer-links .social-links a {
    margin: 10px;
}

#footer .footer-firstsection {
    background-color: rgb(249, 250, 251);
    padding: 20px;
}

#footer #second-section {
    background-color: rgba(238, 241, 244, 1.0);
    padding: 20px 10px;
}

#footer #second-section a {
    padding: 20px;
    color: black;
    font-size: 14px;
}

#footer #second-section .fa-external-link:before {
    padding: 5px;
    font-size: 18px;
    color: gray;
}

#footer .lastcontentrow {
    background-color: rgba(31, 37, 61, 1.0);
    justify-content: flex-end;
}

#footer .lastrightcontent {
    text-align: right;
    height: 81px;
}

#footer .aboutus {
    float: left;
}

#footer .firstsection-links a {
    margin-right: 20px;
}

/*mob view*/
@media all and (max-width: 991px) {
    #search-icon {
        display: none;
    }

    #nav-header {
        width: 91%;
        border: none;
    }
}

@media all and (max-width: 576px) {

    #footer-links,
    #footer .footer-firstsection .firstsection-links,
    #footer-links .quick-links,
    #footer #second-section {
        display: block;
    }

    #footer .footer-firstsection .firstsection-links a,
    #footer-links .quick-links a {
        font-weight: 400 !important;
        font-size: 14px !important;
    }

    #footer .lastcontentrow {
        background-color: rgb(238, 241, 244) !important;
    }

    #footer .footerword {
        color: rgb(12, 13, 13);
    }

    #footer #second-section a,
    #footer .footerword {
        font-size: 12px !important;
    }

    #footer .lastrightcontent {
        text-align: left !important;
        font-size: 12px !important;
    }

    #footer .aboutus {
        float: none;
    }
}




.dropdown-menu li {
    padding-left: 10px;
}

/*-------------------------------------*/
#main-content .background-img {
    position: absolute;
    width: 98%;
}

/*#main-banner .banner-content{
top: 20%;
position: relative;
}*/

*/ #main-banner .banner-content .banner-title {
    color: rgba(44, 117, 221, 1.0);
}

#main-banner .banner-desc p {
    width: 100%;
}

/*#main-banner .banner-btn .btn1{
border: 1px solid #2c75dd;
padding: 10px;
border-radius: 5px;
width: 27%;
}*/
#main-banner .banner-btn .btn2 a {
    color: white;
}

/*#main-banner .banner-btn .btn2 {
border: 1px solid #2c75dd;
padding: 10px;
width: 27%;
background-color: #2c75dd;
color: white;
margin-left: 20px;
text-align: center;
}*/
#main-banner .banner-img {
    width: 100%;
}

.page-footer button {
    min-width: initial;
}

.back-to-top i {
    position: relative;
    top: 3px;
    right: 2px;
}

/*report-list page left-section*/

#reportlist-left ul {
    margin-top: 30px;
}

#reportlist-left img.bulb {
    margin-left: 20px;
    margin-right: 20px;
    width: 26px;
    height: 39px;
}

#reportlist-left .explore-btn {
    background-color: rgb(247 186 80);
    border-radius: 4px;
    padding: 10px;
    width: 85%;
    display: block;
    text-align: center;
    margin: 0 auto;
    color: black !important;
}

#reportlist-left .left-section .item {
    margin-bottom: 20px;
    list-style: none;
}

#reportlist-left .explore .question {
    display: flex;
}

/*end*/

#footer-links .quick-links {
    margin-right: 10px;
}

#footer-links .social-links a {
    margin-left: 0px;
}

#footer-links .quick-links a {
    padding-left: 15px;
}

#footer #second-section a {
    padding-left: 10px;
}

#footer .lastrightcontent {
    padding-left: 20px !important;
}

.ms-webpart-chrome-vertical {
    display: block;
}

div.ms-webpart-cell-vertical-inline-table {
    display: block;
}


/*Singapore Government Agency*/
#top-bar {
    padding: 5px;
    background-color: #f0f0f0;
}

#top-bar .Singapore-logo {
    width: 18px;
    height: 18px;
    margin-right: 10px;
}

#top-bar .title {
    margin: 0;
    font-size: 14px;
    color: black;
    font-weight:normal;
 }

@media (max-width: 400px) {

    #top-bar .title {
        font-size: 12px;
    }

    .o365cs-nav-header16.o365cs-newALV3-on #O365_MainLink_Affordance {

        display: none !important;

    }

}

/*End Singapore Government Agency*/


@media (max-width: 991px) {
    #main-navber ul.nav.navbar-nav {
        margin-left: 0px !important;
        min-height: 620px;
    }

    #navbarSupportedContent li.nav-item .mainmenu {
        display: flex;
        min-height: 685px;
    }
}

/*concepts content page layout page header filter*/

.topic-filter .topic-list {
    margin-right: 40px;
    height: 30px;
    border: none;
    box-shadow: 0 .125rem 0.5rem rgba(0, 0, 0, .25) !important;
    border-radius: unset;
}


/*end concepts content page layout page header filter*/

/*concepts content page layout pages left section*/

/*left-side*/

#list-leftsection .bulb {

    margin-left: 20px;
    margin-right: 20px;
    width: 26px;
    height: 39px;
}

#list-leftsection .explore-btn {
    background-color: rgb(247 186 80);
    border-radius: 4px;
    padding: 10px;
    width: 85%;
    display: block;
    text-align: center;
    margin: 0 auto;
    color: black !important;
}

#list-leftsection .left-section .item {
    margin-bottom: 20px;
    list-style: none;
}

#list-leftsection ul {
    margin-top: 30px;
}


/*left section */

#list-leftsection #mob-filter select {

    background-color: #122455;
    color: white;
    border-radius: 0;
    border: none;
    box-shadow: none;
    display: none;
}

.concept-content-left-right {

    padding: 0px;
}

@media (max-width: 767px) {

    #list-leftsection #mob-filter select {

        display: block;
    }

    .concept-content-left-right .left-content {

        border-bottom-right-radius: 0px !important;
    }

    #list-leftsection #desk-leftsection {

        display: none;
    }
}


/*breadcrumb*/


@media (max-width: 991px) {
    .breadcrumb {
        padding: 0px;
    }

    .custom-breadcrumb.breadcrumb span,
    .custom-breadcrumb.breadcrumb span a {
        color: rgb(37, 99, 204) !important;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
    }

    .custom-breadcrumb.breadcrumb span {
        margin-left: 0px;
    }

    #topic .title-section .title h3 {
        font-size: 16px;
    }

}

/*end breadcrumb*/

/*end concepts content page layout pages left section*/

/* Infographics Image */

@media (max-width: 1023px) {
    .statistic-detail-content-1 a img {

        width: 100% !important;
    }
}

/* End of Infographics Image */


/*topic page*/

#topic {
    margin: 0 auto;
    margin-right: 0;
}

#topic .overview .main-title {
    font-size: 36px;
    margin-top: 30px;
}

#topic .overview .item {
    box-shadow: 0px 0px 15px 2px #e8e9e9;
    padding: 25px;
    padding-bottom: 0px;
    border-top: 8px solid blue;
    border-radius: 10px;
}

#topic .overview .item .item-content {
    display: flex;
    margin-top: 30px;
}

#topic .overview .item-content h6 {
    font-size: 20px;
    color: rgba(12, 13, 13, 1.0);
}

#topic .overview .item .count {
    display: flex;
    color: black;
}

#topic .overview .up-arrow {
    height: 37px;
    width: 36px;
    margin-bottom: 10px;
    margin-left: 10px;
}

#topic .overview .item .gray {
    color: rgba(109, 121, 137, 1.0);
}

#topic .graph {
    height: 137px;
    width: 100%;
}

#topic .data-img {
    height: 46px;
    width: 52px;
    margin-right: 20px;
}

#topic .summary-details {
    background-color: rgba(31, 37, 61, 1.0);
    border-radius: 8px;
    color: white;
    padding: 30px;
}

#topic .summary-details .title-section {
    display: flex;
    padding-bottom: 30px;
}

#topic .summary-details .viewtable-btn {
    background-color: #f7ba50;
    border-radius: 4px;
    text-align: center;
    border: none;
    margin-top: 30px;
    color: white !important;
    padding: 10px;
    text-decoration: none !important;
    cursor: pointer;
}

#topic #whats-happenings .banner-item {
    display: flex;
    position: relative;
    /* justify-content: center;*/
}

#topic #whats-happenings .bg-img {
    width: 100%;
}

#topic #whats-happenings .banner-item .title {
    position: absolute;
    margin-bottom: 20px;
    color: white;
    bottom: 0px;

    /*text-align: center;
font-size: 14px;
bottom: 35px;*/

    margin-left: 20px;
}

#topic .overview .main-content {
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

#topic .title-section .title p {
    font-size: 14px;
}

#topic .title-section .title h3 {
    color: white;
}

#topic .view-more .viewmore-btn {

    background-color: #f7ba50;
    border-radius: 4px;
    color: black;
    width: 199px;
    margin-right: 15px;
    text-align: center;
    padding: 10px;
    display: block;
    margin: 0 auto;
    margin-right: 0;
}

#topic #whats-happenings .view-more {
    text-align: end;
    padding: 25px;
}

#topic #unemployment .ques-section {
    background-color: #f7f9fb;
    padding-bottom: 10px;
    border-bottom: 1px solid #c1cad3;
}

#topic #unemployment {
    border: 1px solid #c1cad3;
    border-top: 15px solid #5c64d8;
    border-radius: 8px;
}

#topic .ques-section .title {
    padding: 25px;
}

#topic .bulb {
    height: 48px;
    width: 32px;
    margin-right: 20px;
}

#topic .ques-section .ques {
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 2px solid #969393;

}

#topic .ques-section .ques a {
    color: #2563cc;
    font-size: 20px;
}

#topic #unemployment .view-more {
    text-align: end;
    padding: 25px 35px;
}

#topic #unemployment .content {
    padding: 20px;
}

#topic #mob-summarytable {
    display: none;
}

#topic #mob-happenings {
    display: none;
}

#topics .item-content .link a {
    color: black !important;
}

#topics .item-content {
    text-align: center;
    padding: 20px;

}

@media (max-width: 767px) {
    #topic .overview .item-content h6 {
        font-size: 12px;
    }

    #topic .overview .item .count {
        font-size: 16px;
        margin-right: 10px;
        margin-left: 0;
    }

    #topic .overview .up-arrow {
        height: 16px;
        width: 16px;
    }


    #topic .item-content .topic {
        font-size: 12px;
    }

    #topic .item-content .details {
        display: flex;
        margin-bottom: 0px !important;
    }

    #topic .content-img {
        display: none;
    }

    #topic #mob-summarytable {
        background-color: #1f253d;
        color: white;
        padding: 13px;
        display: block;
    }

    #topic #mob-summarytable .title-section {
        font-size: 14px;
        display: flex;
    }

    #topic #mob-summarytable .data-img {
        height: 16px !important;
        width: 18px !important;
    }

    #topic #mob-summarytable {
        display: block;
    }

    #topic #mob-summarytable .title,
    #topic #mob-happenings .title {
        font-size: 14px;
    }

    #topic #mob-happenings .title-section {
        display: flex;
    }

    #topic #mob-happenings .item {
        display: flex;
        margin-bottom: 1px;

    }

    #topic #mob-happenings .bg-img {
        width: 100%;
    }

    #topic #whats-happenings #desk {
        display: none;
    }

    #topic #whats-happenings .viewmore-btn {
        width: 100%;
        font-size: 14px;
    }

    #topic #whats-happenings .view-more {
        padding: 0px;
        padding-bottom: 25px !important;
    }

    #topic #mob-happenings {
        display: block;
    }

    #topic .ques-section .title {
        font-size: 14px;
        display: flex;
    }

    #topic #desk-summary-details {

        display: none;
    }

    #topic #unemployment .view-more .viewmore-btn {
        width: 120px;
        margin-left: 0;
        font-size: 14px;
        padding: 5px !important;
    }

    #topic,
    #topic .right-content .col-md-9 {
        padding: 0px !important;
    }

    #topic .item-content .topic span {
        display: none;
    }

    #topic .overview .item {
        padding: 10px !important;
    }

    #topic .overview .item-content {
        margin-bottom: 0;
    }

    #topic #mob-summarytable .title {
        color: white;
        margin: 0;
        text-decoration: none !important;
    }

    #topic .ques-section .ques a {
        font-size: 14px !important;
    }

    #topic #unemployment .content {
        padding: 0px !important;
    }

    #topic .ques-section .ques {
        margin-bottom: 5px !important;
        line-height: 22px;
    }

    #topic #unemployment .view-more {
        padding: 10px !important;
    }

    #topic .overview .main-title {
        font-size: 20px;

    }

    #topic .overview .item .item-content {
        margin-top: 0px;
    }

}

@media (min-width: 768px) and (max-width: 991px) {

    #topic {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }


    #topic .overview .up-arrow {
        height: 30px;
        width: 30px;
        margin-left: 5px;
    }

    #topic .overview .item {
        padding: 15px;
    }

    #topic .summary-details {
        padding: 20px;
    }

    #topic #whats-happenings .banner-item .title {
        font-size: 16px;
    }

}

/*end topic page*/

/*data-list page*/


#data-list {
    margin-top: 30px;
}

#data-list .main-title {
    font-size: 36px;
    color: black;
}

#data-list .data-item {
    margin-bottom: 35px;
}

#data-list .item {
    margin-bottom: 30px;
}

#data-list .item .content {
    display: flex;
}

#data-list .doc-icon {
    width: 36px;
    height: 49px;
    margin-right: 30px;
    margin-left: 30px;
    position: relative;
    top: 25px;
}

#data-list .detail-title {
    color: rgb(37, 99, 204);
}

#data-list .release-date .font-class-3 {
    color: rgb(86, 98, 113);
    font-size: 12px;
}


#data-list .Library-btn {
    float: right;
}

#data-list .Library-btn p {
    font-size: 14px;
}

#data-list .Lib-btn {
    background-color: rgb(247 186 80);
    border-radius: 4px;
    padding: 10px;
    display: block;
    width: 199px;
    text-align: center;
    color: black;
}

#data-list .data-item .item-title {
    margin-bottom: 20px;
}

#data-list .explore {

    padding-left: 40px;
    margin-top: 70px;
}

.topic-filter .topic-list {

    font-size: 14px;
}

#data-list {

    margin-left: 50px;
}

#data-list .data-item {

    margin-left: -15px;
}

#data-list .release-date {

    font-size: 14px;
}

#data-list .data-item .item-title {

    padding-top: 20px;
}

@media (max-width: 991px) {

    #data-list .main-title {
        font-size: 20px !important;
    }

    #data-list .item-title {
        font-size: 16px;
    }

    #data-list .doc-icon {

        height: 24px;
        width: 18px;
        margin-left: 0;
        margin-right: 15px;
        top: 0px;
    }

    #data-list .detail-title {
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
    }

    #data-list .release-date {
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
    }

    #data-list .item-details .desc {
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
    }


    #data-list .Library-btn {
        float: initial;
    }

    #data-list .Lib-btn {

        width: 100%;

    }

    #data-list .data-item {
        padding: 0;
    }

    #data-list .Lib-btn {

        width: 100%;
        font-size: 14px;
        font-weight: 700;
    }

    #related-statistics .item .header {

        border-top-right-radius: 8px !important;
        border-top-left-radius: 8px !important;
    }

    #related-statistics .item {

        border-radius: 8px !important;
    }
}

/*end data-list page*/

/*For search result page*/

.ms-srch-ellipsis {

    font-size: 20px;
}

#unselShortList #Value a {

    font-weight: 400;
    font-size: 16px;
}

.ms-srch-item-summary {

    font-weight: 400;
    font-size: 16px;
    margin-top: 10px;
}


.ms-ref-refiner .ms-ref-refinername {
    font-size: 16px;
    font-weight: 700;
}

#SearchBox>.ms-srch-sbLarge {
    display: flex;
    flex-direction: row-reverse;
    width: 100%;
    border: none;
    padding-left: 10px;
    border-radius: 4px;
    background-color: white;
    box-shadow: 0 .125rem 0.5rem rgba(0, 0, 0, .25) !important;
    border: none;
    padding: 5px;

}

#SearchBox>.ms-srch-sbLarge input {
    font-size: 16px;
    width: 100%;
    float: none !important;
}

.ms-srch-sbLarge>.ms-srch-sb-searchLink {
    float: left !important;

}

#SearchBox {
    float: none !important;
}

.ms-srch-group-content .ms-srch-item {
    border-top: 1px solid;
    padding-top: 20px;
    padding-bottom: 20px;
    width: 100%;
}

.ms-srch-result #PagingLink a {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
    outline: none !important;
}

.ms-srch-result #PagingSelf a {
    background-color: #2c75dd !important;
    padding: 2px 10px !important;
    border-radius: 3px !important;
    color: #FFF !important;
}

.ms-srch-group-content:nth-last-child(n-1) {
    border-bottom: 1px solid;
}

#PageLinkNext,
#PageLinkPrev {
    width: auto;
    border: none !important;
    height: 32px !important;
}

#PageLinkNext .ms-promlink-button-image,
#PageLinkPrev .ms-promlink-button-image {
    display: none !important;
}

#PageLinkNext::after {
    content: "Next >";
    text-transform: capitalize;
}

#PageLinkPrev::before {
    content: "< Prev";
    text-transform: capitalize;
}

@media (max-width: 767px) {

    #Groups div {
        width: auto !important;
    }

    #UpScopeLinkTop {

        display: block !important;
        width: auto !important;

    }

    .ms-srch-hover-outerContainer {
        left: 35% !important;
    }


}

.ms-webpart-zone {
    display: block !important;
}

.ms-srch-hover-outerContainer {
    left: 60% !important;
}

.ms-srch-hover-subTitle h3 {
    font-size: 20px;
}

/*End search result page*/

/*for old pages footer list hide*/

.footerwrap .sharelists {
    display: none !important;
}

@media (max-width: 767px) {

    .Img-FB,
    .img_twitter,
    .Img-linkedin,
    .img_youtube {
        width: 30px;
        height: 30px;
    }
}



/*end old pages footer list hide*/

.ms-signInLink {
    display: none !important;
}

/*for common key indicators*/

#commonkeyindicators .item {
    box-shadow: 0px 0px 15px 2px #e8e9e9;
    padding: 25px;
    border-top: 8px solid blue;
    border-radius: 10px;
}

#commonkeyindicators .item-content h6 {
    font-size: 16px;
}

#commonkeyindicators .count {
    display: flex;
    font-size: 36px;
    font-weight: 700;
    color: black;
}

#commonkeyindicators .up-arrow {
    height: 25px;
    width: 25px;
    margin-top: 8px;
    margin-left: 10px;
}

#commonkeyindicators .item-content p {
    color: rgba(12, 13, 13, 1.0);
    font-family: 'Open Sans-Regular', Helvetica, Arial, serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    margin-bottom: 0px;
}

#commonkeyindicators .gray {
    color: rgba(109, 121, 137, 1.0);
}

@media (max-width: 767px) {

    #commonkeyindicators .item {
        padding: 10px !important;
    }

    #commonkeyindicators .item-content h6 {
        font-size: 12px !important;
    }

    #commonkeyindicators .item-content {
        display: flex;
    }

    #commonkeyindicators .count {

        font-size: 16px !important;
        margin: 0;
        font-weight: 800;

    }

    #commonkeyindicators .item-content p {

        font-size: 12px !important;
    }

    #commonkeyindicators .up-arrow {

        margin-left: 15px;
        width: 20%;
        margin-top: 0px !important;
    }

    #commonkeyindicators .gray {
        display: none;
    }
}

/*end common key indicators*/

/* Singapore-Yearbook-Of-Manpower-Statistics-2018 */
#prntDivTableOfContents>h3,
#prntDivTableOfContents>.iecorner-content>h3 {
    text-transform: uppercase;
    font-weight: normal;
    border-bottom: 1px #ddd solid;
    padding: 0;
    margin-top: 0;
    margin-bottom: 0.8333em;
    background: url(../img/heading-blue-stripe.jpg) 0 13px no-repeat;
}

#prntDivTableOfContents h3>span {
    display: inline-block;
    border-bottom: 1px #000 solid;
    padding: 0 0 5px 20px;
    margin-bottom: -1px;
}

#iMAS_SP_Ann_Rpt1,
#iMAS_SP_Ann_Rpt2 {
    background-color: #FFFFFF;
    border-radius: 5px 5px 5px 5px;
    border-spacing: 0;
    text-align: left;
    width: 80%;
    margin: 0 auto;
}

#iMAS_SP_Ann_Rpt1 .arrowlink,
#iMAS_SP_Ann_Rpt2 .arrowlink {
    font-size: 1.077em;
    padding: 0 0 0 20px;
    background: url(../img/list-arrow.png) 5px 9px no-repeat;
    display: block;
    color: #888;
    text-decoration: none;
}

#prntDivTableOfContents .plain tbody tr:nth-child(2n+1) {
    background: none repeat scroll 0 0 transparent;
}

#iMAS_SP_Ann_Rpt1 th,
#iMAS_SP_Ann_Rpt2 th,
#iMAS_SP_Ann_Rpt1 td,
#iMAS_SP_Ann_Rpt2 td {
    padding: 10px;
    text-align: left;
    vertical-align: top;
}

#iMAS_SP_Ann_Rpt1 tbody th,
#iMAS_SP_Ann_Rpt2 tbody th,
#iMAS_SP_Ann_Rpt1 tbody td,
#iMAS_SP_Ann_Rpt2 tbody td,
#iMAS_SP_Ann_Rpt1 tfoot td,
#iMAS_SP_Ann_Rpt2 tfoot td {
    border-top: 1px solid #DDDDDD;
}

#iMAS_SP_Ann_Rpt1 tbody tr:first-child td,
#iMAS_SP_Ann_Rpt2 tbody tr:first-child td,
#iMAS_SP_Ann_Rpt1 tbody tr:first-child th,
#iMAS_SP_Ann_Rpt2 tbody tr:first-child th {
    border-top: medium none;
}

#prntDivTableOfContents .filetype.pdf {
    color: #CC0000;
}

#prntDivTableOfContents .filetype.html {
    color: #66CC00;
}

#prntDivTableOfContents .filetype,
.size {
    color: #888888;
    font-size: 11px !important;
    text-transform: uppercase;
}

#prntDivTableOfContents .arrowlink,
#prntDivTableOfContents .arrowlink:visited {
    font-size: 1.077em;
    padding: 0 0 0 20px;
    background: url(../img/list-arrow.png) 5px 9px no-repeat;
    display: block;
    color: #888;
    text-decoration: none;
}

#prntDivTableOfContents .arrowlink:visited {
    color: rgb(177, 0, 105);
}

#prntDivTableOfContents .pdf {
    border: none;
    box-sizing: border-box;
    border-radius: 4px;
    width: auto;
    height: auto;
    position: relative;
    background-color: transparent;
    left: 0;
    top: 0;
    border-top: 1px solid #DDDDDD;
}

#prntDivTableOfContents h5 {
    margin-top: 0;
    margin-bottom: 0.3571em;
    font-weight: bold;
}

.columns.eight {
    width: 100%;
}

/*#prntDivTableOfContents .columns.eight {
    width: 100%;
}*/
/* End Singapore-Yearbook-Of-Manpower-Statistics-2018 */


/* LabourForceTimeSeries.aspx */

#timeSeriesSection .stripemodule {
    padding: 5px;
}

#timeSeriesSection .stripemodule>h3,
#timeSeriesSection>.iecorner-content>h3 {
    text-transform: uppercase;
    font-weight: normal;
    border-bottom: 1px #ddd solid;
    padding: 0;
    margin-top: 0;
    margin-bottom: 0.8333em;
    background: url(../img/heading-blue-stripe.jpg) 0 13px no-repeat;
}

#timeSeriesSection h3>span {
    display: inline-block;
    border-bottom: 1px #000 solid;
    padding: 0 0 5px 20px;
    margin-bottom: -1px;
}

#timeSeriesSection .twelve.columns {
    width: 100%;
}

#timeSeriesSection .plain tbody tr:nth-child(2n+1) {
    background: none repeat scroll 0 0 transparent;
}

#timeSeriesSection .arrowlink,
#timeSeriesSection .arrowlink:visited {
    font-size: 1.077em;
    padding: 0 0 0 20px;
    background: url(../img/list-arrow.png) 5px 9px no-repeat;
    display: block;
    color: #888;
    text-decoration: none;
}

#timeSeriesSection .filetype,
.size {
    color: #888888;
    font-size: 11px !important;
    text-transform: uppercase;
}

/*End of LabourForceTimeSeries.aspx */



/* employment-Summary-Table.aspx */

#iMAS_SP_Summ {
    background-color: #FFFFFF;
    border: 1px solid #DDDDDD;
    border-collapse: separate;
    border-radius: 5px 5px 5px 5px;
    border-spacing: 0;
    margin-bottom: 20px;
    text-align: right;
    width: 100%;
}

.infotable thead th {
    background: #0c6cad;
    color: #fff;
    padding: 10px 10px;
    border: 1px #0c6cad solid;
}

.infotable thead th:first-child {
    border-top-left-radius: 5px;
}

.infotable thead th:last-child {
    border-top-right-radius: 5px;
}

#iMAS_SP_Summ tbody tr:nth-child(2n+1) {
    background: none repeat scroll 0 0 #EEEEEE;
}

#iMAS_SP_Summ td {
    padding: 5px 10px 5px 0;
    text-align: right;
    vertical-align: middle;
}

.ms-WPBody {
    font-family: arial, helvetica, sans-serif;
    font-size: 1em;
}

.ms-WPBody td {
    font-family: arial, helvetica, sans-serif;
    font-size: 10pt;
    /*padding-right: 10px !important;*/
}


.hide {
    display: none;
}

.header-fixed {
    border-radius: 0 0 0 0;
    position: fixed;
    top: 0;
    z-index: 1020;
}

#iMAS_SP_Summ tbody tr:hover td,
#iMAS_SP_Summ tbody tr:hover th {

    background-color: #feffc2;

}



#iMAS_SP_Summ th {
    padding-left: 10px;
    text-align: right;
}

#iMAS_SP_Summ tbody th,
#iMAS_SP_Summ tbody td,
#iMAS_SP_Summ tfoot td {
    border-top: 1px solid #DDDDDD;
}


#iMAS_SP_Summ tbody tr:nth-child(odd),
#iMAS_SP_Summ tbody .odd {
    background: #eee;
}

#iMAS_SP_Summ tbody .odd td,
#iMAS_SP_Summ tbody .odd th {
    background: #eee;
}


#imasFullSummaryTable .ms-rteTable-0>tbody>tr>th {
    color: rgb(34, 34, 34);
    font-weight: bold;
    font-size: 13px;
    vertical-align: middle;
    padding: 0px;
}

/*End of employment-Summary-Table.aspx*/


/* for main header */
.sub2ndlevel .dropdown-item a:hover {
    font-weight: bold;
}

/* End for main header */

/*for floating icons*/

.functionality-container .fontsize {
    padding: 0px;
    border: 0px;
    background-color: transparent;
    position: relative;
    top: 2px;
    display: flex;
}

.functionality-container .fontsize #sub-btn {
    display: none;
}

#btn-increase,
#btn-decrease,
#fontsize-btn,
#print {
    width: 49px;
    height: 49px;
    border-radius: 50%;
    font-size: 18px;
    min-width: 51px;
    border: none;
    box-shadow: 0 2px 4px 0 rgba(49, 49, 49, 0.12), 0 0 1px 0 rgba(239, 242, 247, 0.5);
    outline: none;
    color: #887764;
}

.functionality-container #btn-increase {
    float: right;
    /*margin-right: 10px;*/
}

.functionality-container #btn-increase span {
    font-size: 18px !important;
}


.functionality-container #btn-decrease {
    margin-right: 10px;
    margin-left: 10px;
}

.functionality-container #btn-decrease span {
    font-size: 10px !important;
}



.functionality-container #fontsize-btn .btn-smallfont {
    font-size: 10px !important;
}

.functionality-container #fontsize-btn .btn-bigfont {
    font-size: 18px !important;
}


.functionality-container {
    left: 12px;
    bottom: 82px;
    position: fixed;
    z-index: 9999;
}

.at-expanding-share-button[data-position=bottom-left] {
    bottom: 183px;
}

.functionality-container #print {
    top: 10px;
    position: relative;
}

/*end floating icons*/


/* for left navigations*/
.leftnavigtion .collapsed .fa-angle-right:before {
    content: "\f105";
}

.leftnavigtion .fa-angle-right:before {
    content: "\f107";
}

/* End  for left navigations*/

/*for all pages */
.custom-desc {
    text-transform: uppercase;
}

.last-updated {
    color: #414c5a;
    float: right;
}

.custom-breadcrumb.breadcrumb span {
    margin-left: 0px !important;
}

.breadcrumb {
    padding-left: 0px !important;
}

.breadcrumb-content {
    margin-left: 0px !important;
}

.custom-header-content {
    margin-left: 0px !important;
}

.right-content .ms-rtestate-field h2 {
    font-family: 'Open Sans', Helvetica, Arial, serif;
    font-style: normal;
    font-weight: 700;
    font-size: 36px;
    text-transform: uppercase;
    color: black !important;
}

@media (max-width: 767px) {
    .right-content .ms-rtestate-field h2 {
        font-size: 20px;
    }
}

/*End for all pages */

/* For Concepts and documentstype=Reports */
#key-insights {
    background-color: #dde3ee;
    padding: 30px;
    border-top: 15px solid #5c64d8;
    border-radius: 15px 15px 8px 8px;
    margin-bottom: 35px;
    box-shadow: 0 0.125rem 0.2rem #242b93 !important;
}

/* End For Concepts and documentstype=Reports */

/*for result page*/
#ResultFooter {
    display: none;
}

.ms-srch-hover-innerContainer {
    display: none !important;
}


/*End of result page*/


/*for /Pages/Labour-Market-Report-1Q-2018.aspx New Content Section*/

#new-content {
    background-color: #f6f9fb;
    padding: 30px;
    border-top: 15px solid #5c64d8 !important;
    border-radius: 15px 15px 8px 8px;
    margin-bottom: 35px;
    box-shadow: 0 0.125rem 0.2rem #f6f9fb;
    border: 1px solid #bec1c3;
}

#new-content .new-content-img {
    width: 100%;
}

#new-content .title {
    margin-left: 20px;
    margin-right: 0px;
    font-weight: 700;
}

@media(max-width: 576px) {
    #new-content {
        padding: 30px 0px !important;
    }
}

/*end  /Pages/Labour-Market-Report-1Q-2018.aspx New Content Section*/

/*for our survey page*/
a#Welcome,
a#Survey,
a#LabourForceSurvey,
a#Hotline {
    display: block;
    padding-top: 100px;
    margin-top: -100px;
}

/*end for our survey page*/

/*for search result*/

.ms-srch-result-personalResult {
    display: none !important;
}

/*end search result*/

.target-before {
    top: -90px;
    position: relative;
}

/*Growing_Alongside_Our_Ageing_Workforce.aspx*/
#poll-quiz .pollchoice label.wrongAns::before {
    font-family: "FontAwesome";
    content: "\f00d" !important;
    border: 1px solid;
    border-radius: 50%;
    padding: 3px 9px;
    margin-right: 10px;
}

#poll-quiz .pollchoice label.crctAns::before {
    font-family: "FontAwesome";
    content: "\f00c" !important;
    border: 1px solid;
    border-radius: 50%;
    padding: 3px 9px;
    margin-right: 10px;
}

/*End Growing_Alongside_Our_Ageing_Workforce.aspx*/


/*for Singapore-Yearbook-Of-Manpower-Statistics-2020.aspx page*/


#prntDivTableOfContents #contents .title.accor-dropdown-toggle {
    background-color: #f4faff;
    margin-bottom: 10px;
    padding: 15px;
    display: block;
    color: #2563cc !important;
    text-decoration: none !important;
    font-size: 20px;
}

#prntDivTableOfContents #contents .title.accor-dropdown-toggle.collapsed::before {
    content: "\f054";
}

#prntDivTableOfContents #contents .title.accor-dropdown-toggle::before {
    font-family: "FontAwesome";
    content: "\f078";
    padding-left: 10px;
    font-size: 20px;
    margin-right: 15px;
}

/*end Singapore-Yearbook-Of-Manpower-Statistics-2020.aspx page*/

/*start for source dataset and previous report*/
#sourceandprevious .collapse-secton .item .title {
    background-color: #f4faff;
    margin-bottom: 10px;
    padding: 15px;
    display: block;
    color: #2563cc !important;
    text-decoration: none !important;
    font-size: 20px;
}

#sourceandprevious .title.accor-dropdown-toggle {
    color: #2563cc !important;
    text-decoration: none !important;
    font-size: 20px;
}

#sourceandprevious .title.accor-dropdown-toggle.collapsed::before {
    content: "\f054";
}

#sourceandprevious .title.accor-dropdown-toggle::before {
    font-family: "FontAwesome";
    content: "\f078";
    padding-left: 10px;
    font-size: 20px;
    margin-right: 15px;
}

#sourceandprevious .arrowlink,
#sourceandprevious .arrowlink:visited {
    font-size: 1.077em;
    padding: 0 0 0 20px;
    background: url(../img/list-arrow.png) 5px 9px no-repeat;
    display: block;
    color: #888;
    text-decoration: none;
}

#sourceandprevious .filetype {
    border: none;
    box-sizing: border-box;
    border-radius: 4px;
    width: auto;
    height: auto;
    position: relative;
    background-color: transparent;
    left: 0;
    top: 0;
    border-top: 1px solid #DDDDDD;
}

#sourceandprevious .filetype,
#sourceandprevious .size {
    color: #888888;
    font-size: 11px !important;
    text-transform: uppercase;
}

#sourceandprevious td {
    font-family: arial, helvetica, sans-serif;
    font-size: 10pt;
    /* padding-right: 10px !important; */
}

/*end for source dataset and previous report*/


/*for floating share icon*/


#share-icons .expand-share-btn {
    background-color: #ff6550;
    height: 50px;
    width: 50px;
    transition: transform .4s ease;
    border-radius: 50%;
    display: block;
    background-image: url(/Style%20Library/imas/img/home-share.png);
    background-repeat: no-repeat;
    background-position: center;
}

#share-icons .expand-share-btn::after {
    display: none !important;
}

#share-icons {
    left: 14px;
    bottom: 185px;
    position: fixed;
    z-index: 9999;
    display: flex;
}

#share-icons-list {
    list-style: none;
    padding: 0px;
    /*background-color: white;*/
    border-radius: 5px;
    position: absolute;
    display: none;
    left: 52px;
}

#share-icons-list li {
    padding: 5px;
}

#share-icons .expand-share-btn:hover+#share-icons-list {
    display: flex !important;
}

#share-icons #share-icons-list:hover {
    display: flex !important;
}

#share-icons .expand-share-btn:hover,
#share-icons .expand-share-btn.active {
    transform: rotate(360deg);
    background-image: url("/Style Library/imas/img/home-share.png");
}

/*end floating share icon*/

#common-report-data .download span.font-class-3 {
    padding-left: 5px;
}

#common-report-data #notification span a {
    padding-left: 5px;
}

#common-report-data #details .download-icon {
    width: auto !important;
    align-self: baseline;
}

#related-statistics .item .download-icon {
    width: auto !important;
    align-self: baseline;
}


/*for sharepoint header share icon*/

.ms-dlgContent .ms-dlgBorder #dlgTitleBtns>a>span {
    box-sizing: initial;
}

/*end for sharepoint header share icon*/

#new-content {
    display: none;
}


/*************************************************************end of common.css************************************************************************/


/**************************************************************start of imashome.css***************************************************************/

* {
    font-family: 'Open Sans', Helvetica, Arial, serif;
    ;
}

.font-class-1 {
    font-family: 'Open Sans', Helvetica, Arial, serif;
    ;
    font-style: normal;
    font-weight: 500;
}

.font-class-2 {
    font-family: 'Open Sans', Helvetica, Arial, serif;
    ;
    font-style: normal;
    font-weight: 600;
}

.font-class-3 {
    font-family: 'Open Sans', Helvetica, Arial, serif;
    ;
    font-style: normal;
    font-weight: 400;
}

.font-class-4 {
    font-family: 'Montserrat', Helvetica, Arial, serif;
    font-style: italic;
    font-weight: 600;
}

.font-class-5 {
    font-family: 'Montserrat', Helvetica, Arial, serif;
    font-style: normal;
    font-weight: 400;
}

.font-class-6 {
    color: rgba(255, 255, 255, 1.0);
    font-family: 'Open Sans', Helvetica, Arial, serif;
    font-size: 14.0px;
    font-style: normal;
    font-weight: 600;
    line-height: 18.0px;
}

.font-class-7 {
    font-family: 'Open Sans', Helvetica, Arial, serif;
    ;
    font-style: normal;
    font-weight: 700;
}


.coronavirus {
    position: absolute;
    right: -4%;
    top: 67px;
    z-index: 999;
}

.experts-home .group-233-C61RwL {
    position: initial !important;
}

.coronaBtn {
    background: #1e4bb8;
    border-radius: 4px;
    color: #ffffff;
}

.experts-home .back-to-top-C61RwL {
    left: 1198px;
    position: absolute;
    top: 459px;
}

.print {
    padding: 0px;
    border: 0px;
    background-color: transparent;
    position: absolute;
    top: 464px;
    z-index: 999;
}

.upArrow {
    background-color: transparent;
    position: absolute;
    top: 464px;
    right: 0px;
    padding: 0px;
    border: 0px;
    z-index: 999;
}

.printimg,
.backtotop,
.font {
    width: 74px;
    height: 74px;
}

.fontsize {
    padding: 0px;
    border: 0px;
    background-color: transparent;
    position: absolute;
    top: 400px;
}

.imgcircle {
    border-radius: 50%;
    background-color: white;
    width: 50px;
    height: 50px;
    position: absolute;
    top: 31px;
    left: 126px;
    text-align: center;
}

.ractangleBox {
    background: linear-gradient(174.75deg, #2563cc 38.42%, #1e4bb8 89.02%);
    /* transform: matrix(1, 0, 0, -1, 0, 0); */
    position: absolute;
    width: 310px;
    height: 296px;
    left: 80px;
    top: 565px;
    border-radius: 2px;
}

.grpimg {
    width: 27px;
    height: 27px;
    position: absolute;
    top: 11px;
    left: 12px;
}

.card-body {
    position: absolute;
    width: 250px;
    height: 25px;
    left: 16px;
    top: 81px;
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 25px;
    text-align: center;
    color: #ffffff;
}

.percentage {
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 36px;
    line-height: 49px;
    text-align: center;
    color: #ffffff;
    position: absolute;
    width: 163px;
    height: 49px;
    left: 42px;
    top: 60px;
}

.totalPerson {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #ffffff;
    position: absolute;
    width: 130px;
    height: 48px;
    left: 53px;
    top: 122px;
}

.card {
    height: 296px;
    background: linear-gradient(174.75deg, #2563cc 38.42%, #1e4bb8 89.02%);
    /* position: relative; */
    border-radius: 0px;
    width: 100%;
}

.carousel {
    top: 17.5%;
}

.carousel-indicators {
    top: 300px;
}

.carousel-indicators li {
    background-color: #bbc5d0;
    width: 8px;
    height: 8px;
    border-radius: 50%;
}

.carousel-indicators .active {
    background-color: #2c75dd;
}

#multi-item-example .carousel-inner {
    width: 95%;
    left: 71px;
}

.Highlight_nextImg {
    width: 74px;
    height: 74px;
    float: right;
    position: absolute;
    top: 180px;
    /* right: -26%; */
    left: -37px;
    z-index: 999;
}

.nextImg {
    width: 74px;
    height: 74px;
    float: right;
    position: absolute;
    top: 110px;
    right: 3%;
    /* left: -37px; */
    z-index: 999;
}

.body-section {
    position: absolute;
    width: 92%;
    height: 256px;
    left: 83px;
    top: 580px;
    /* opacity: 0.05; */
    background: #f4faff;
}

.body-content {
    width: 100%;
    align-items: center;
    position: relative;
    top: 621px;
    left: 20%;
    height: 50px;
}

.selectType {
    width: 292px !important;
    background: #f4faff;
    border: 1px solid #1e4bb8;
    box-sizing: border-box;
    border-radius: 0px 4px 4px 0px;
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    color: #032f9a;
}

.like {
    width: 543px !important;
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
    border-left: none;
    border-radius: 0px;
    background: #ffffff;
    border: 1px solid #00247b;
    border-left: none;
}

.divsearchImg {
    width: 38px;
    border: 1px solid #00247b;
    height: 38px;
    background-color: white;
    border-right: none;
    /* border-bottom-right-radius: 0px; */
    /* border-radius: 0px; */
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
}

.searchImg {
    position: absolute;
    top: 12px;
    left: 10px;
    width: 18px;
    height: 18px;
}

.searchTerm {
    position: absolute;
    width: 184px;
    height: 25px;
    left: 20.4%;
    top: 730px;
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 24px;
    color: #1e4bb8;
}

.searchBtn {
    position: absolute;
    height: 48px;
    left: 20.4%;
    top: 767px;
}

.coronaVirusBtn,
.aging,
.graduate,
.Unemployment {
    height: 41px;
    border: 1px solid #1e4bb8;
    box-sizing: border-box;
    border-radius: 4px;
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #1e4bb8;
    width: 199px;
    background-color: transparent;
}

.highlightSec {
    position: absolute;
    height: 36px;
    left: 53px;
    top: 1200px;
    width: 100%;
}

.hightlight-Title>h4,
.benchmark-Title>h4 {
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 36px;
    letter-spacing: -0.5px;
    color: #1f253d;
    width: 150px;
}

.hightlight {
    max-width: 70%;
}

.allHighlightLnk {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.25px;
    color: #1e4bb8;
}

#highlight-carousel {
    position: absolute;
    top: 80px;
    width: 96%;
}

.highlight-card-body {
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 33px;
    color: #1f253d;
    position: absolute;
    top: 82%;
    left: 48px;
}

.highlight-Date {
    position: absolute;
    width: 81px;
    height: 20px;
    left: 50px;
    top: 260px;
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    color: #c75100;
}

#highlight-carousel .carousel-inner {
    height: 437px;
    width: 100%;
}

@media only screen and (min-width: 1320px) {
    .highlight-card-body {
        top: 78%;
    }

    .employee,
    .employer {
        width: 201px !important;
        height: 48px !important;
    }

    .occupationText,
    .salaryText {
        width: 88% !important;
    }

    .income {
        width: 87% !important;
        height: 48px !important;
    }

    .tools {
        width: 153px !important;
        left: 100px !important;
    }

    #highlight-carousel .nextImg {
        left: 350px;
        top: 200px;
    }

    .pubBtn {
        left: 76.3% !important;
    }

    .Highlight_nextImg {
        left: 340px;
        top: 200px;
    }

    .highlight-text {
        background: #f2f7fc;
        position: absolute;
        width: 100%;
        height: 96.17px;
        left: 5.04px;
        top: 349.06px;
    }

    .highlight-card .card-img-top {
        height: 355px;
    }
}



.highlight-carousel-indicators {
    top: 451px;
}

.highlight-card-text {
    position: absolute;
    width: 782.9px;
    height: 53.17px;
    left: 48.04px;
    top: 17.06px;
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 26px;
    color: #000000;
}

.highlight-text {
    background: #f2f7fc;
    position: absolute;
    width: 100%;
    height: 96.17px;
    left: 5.04px;
    top: 348.06px;
}

.controls-top {
    position: absolute;
    width: 48px;
    height: 48px;
    left: 797px;
    top: 0px;
    filter: drop-shadow(0px 0px 16px rgba(255, 255, 255, 0.2));
}

.article-Content {
    position: absolute;
    width: 199px;
    height: 34px;
    left: 5px;
    background: #2563cc;
    top: 0px;
}

.articleText {
    position: relative;
    left: 64px;
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #ffffff;
}

.article-image {
    position: relative;
    left: 52px;
}

.benchmarkArea {
    position: absolute;
    width: 100%;
    height: 494px;
    left: 0px;
    top: 82px;
    background: #eef1f4;
}

.benchmark-btn {
    position: absolute;
    left: 23px;
    top: 40px;
}

.employee {
    width: 135px;
    background: #1e4bb8;
    border-radius: 4px 0px 0px 4px;
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 25px;
    text-align: center;
    border: 1px solid #1e4bb8;
    color: #ffffff;
    height: 37px;
    position: relative;
    left: 5px;
}

.employer {
    width: 135px;
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 25px;
    text-align: center;
    color: #ffffff;
    height: 37px;
    color: #1e4bb8;
    margin-right: 0px;
    border-radius: 0px 4px 4px 0px;
    border: 1px solid #1e4bb8;
}

.benchmark-fields {
    position: absolute;
    width: 100%;
    /* height: 9.04px; */
    left: 28.17px;
    top: 104.33px;
}

.occupation,
.month {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    /* align-items: unset; */
    color: #0c0d0d;
    justify-content: unset;
    position: relative;
    margin-bottom: 8px;
}

.occupationText,
.salaryText {
    width: 265.66px;
    height: 46px;
    background: #ffffff;
    border: 1px solid #ffffff;
    box-sizing: border-box;
}

::placeholder {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    color: #b5b6b7;
}

.benchmarkBtn {
    position: absolute;
    width: 100%;
    /* height: 48px; */
    left: 3.17px;
    top: 222.01px;
}

.income {
    background: #1e4bb8;
    border-radius: 4px;
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #ffffff;
    width: 264px;
    height: 48px;
}

.income-tools {
    position: absolute;
    /* width: 158px; */
    /* height: 24.04px; */
    left: 3px;
    top: 293.87px;
}

.incometrends {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #1e4bb8;
}

.tools {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #1e4bb8;
    position: relative;
    width: 100px;
    left: 11px;
    height: 43px;
    border: 1px solid #1e4bb8;
    box-sizing: border-box;
    border-radius: 4px;
}

.data {
    position: absolute;
    height: 204px;
    width: 100%;
    left: 64px;
    top: 1850px;
}

.build-circle {
    position: relative;
    top: 32px;
}

.builder {
    background: linear-gradient(11.52deg, #1e4bb8 6.28%, #4ea3fa 216.22%);
    height: 204px;
    width: 421px;
    text-align: center;
}

.builder-body {
    position: relative;
    top: 50px;
}

.builder-title {
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 28px;
    color: #ffffff;
}

.builder-cnt {
    height: 40px;
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    width: 100%;
    color: #ffffff;
    position: relative;
    left: 5px;
}

.builderMrgin {
    max-width: 29%;
    margin-right: 20px;
}

.recentPublication {
    position: absolute;
    width: 100%;
    height: 511px;
    left: 0px;
    top: 2120px;
    background: #c3e1ff;
}

.publicTitle {
    position: absolute;
    width: 228px;
    height: 36px;
    left: 80px;
    top: 48px;
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 36px;
    letter-spacing: -0.5px;
    color: #1f253d;
}

#publication-example {
    position: relative;
    top: 23%;
    left: 46px;
    width: 100%;
    margin: 0px !important;
}

.bkstyle {
    background: #ffffff;
    height: 267px;
    width: 24%;
}

#publication-example .carousel-inner {
    position: relative;
    left: 20px;
}

.public-card {
    position: relative;
    top: 65px;
    left: 16px;
}

.assetimg {
    width: 275px;
    height: 112px;
    position: absolute;
    top: 83px;
    left: -31px;
}

.publicDate {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    color: #333333;
}

.public-card-title {
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 28px;
    color: #333333;
    flex: none;
    order: 0;
    align-self: center;
    flex-grow: 0;
}

.report-Content {
    position: absolute;
    left: -17px;
    right: 0%;
    top: -65px;
    bottom: -25%;
    background: #2563cc;
    width: 195px;
    height: 47px;
}

.report-image {
    position: relative;
    left: 54px;
}

.reportText {
    position: relative;
    left: 70px;
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #ffffff;
}

.pdf {
    border: 1px solid #1e4bb8;
    box-sizing: border-box;
    border-radius: 4px;
    width: 124px;
    height: 48px;
    position: absolute;
    background-color: transparent;
    left: 104px;
    top: 139px;
}

.downloadbtn {
    flex: none;
    order: 0;
    align-self: center;
    flex-grow: 0;
    margin: 12px 0px;
    position: relative;
    width: 15px;
    height: 15px;
    left: -4px;
    top: -4px;
}

.pdftext {
    position: relative;
    left: 8px;
    /* right: 0%; */
    top: -2px;
    bottom: 0%;
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #1e4bb8;
    flex: none;
    order: 1;
    align-self: center;
    flex-grow: 0;
    margin: 12px 0px;
}

.pubBtn {
    position: absolute;
    left: 776px;
    top: 438px;
}

.release {
    height: 45px;
    width: 173px;
    margin-right: 17px;
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #032f9a;
    background-color: transparent;
    border: 1px solid #032f9a;
    box-sizing: border-box;
    border-radius: 4px;
}

.more {
    width: 200px;
    height: 45px;
    background: #1e4bb8;
    border-radius: 4px;
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #ffffff;
    border: 1px solid #032f9a;
}

.survey {
    position: relative;
    width: 100%;
    height: 316px;
    left: 0px;
    top: 74%;
}

.surveycontent {
    position: relative;
    left: -15px;
    height: 100%;
}

.surveyimg {
    z-index: 999;
    position: relative;
    top: 1px;
    opacity: 0.6;
    width: 103%;
    height: 100%;
    background: linear-gradient(270deg,
            rgba(255, 255, 255, 0.81) -18.65%,
            rgba(255, 255, 255, 0.68) 53.39%,
            rgba(255, 255, 255, 0) 89.55%,
            rgba(255, 255, 255, 0) 89.55%);
    mix-blend-mode: multiply;
    opacity: 1;
}

.bluebackColor {
    position: relative;
    top: -311px;
    background: linear-gradient(86.91deg, #1e4bb8 27.69%, #83c2ec 141.2%);
    width: 103%;
    height: 100%;
}

.grpcls {
    height: 152px;
    width: 102px;
}

.grpImag {
    position: absolute;
    left: 20%;
    right: 72.95%;
    top: 14%;
    bottom: 12.9%;
}

.surveyQues {
    left: 33%;
    position: absolute;
    top: 12%;
    width: 54%;
}

.ques {
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 36px;
    letter-spacing: -0.5px;
    color: #ffffff;
}

.surveyDesc {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 24px;
    color: #ffffff;
    position: absolute;
    top: 60px;
}

.surveyBtn {
    position: absolute;
    top: 60%;
    left: 33%;
    width: auto;
}

.Individuals,
.Businesses,
.TakeSurvey {
    width: 189px;
    height: 48px;
    background-color: transparent;
    border: 1px solid #ffffff;
    box-sizing: border-box;
    border-radius: 4px;
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #ffffff;
}

.contact-Title {
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 25px;
    color: #444444;
}

.MSRDCnt {
    position: relative;
    left: 88px;
}

.MRSD_lbl {
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 36px;
    line-height: 49px;
    /* display: block; */
    color: #444444;
}

.MRSD_Body {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    color: #444444;
    height: 96px;
    width: 422px;
}

.contact {
    position: relative;
    left: 80px;
}

.contact_Address,
.Lbl_email,
.signuplabel {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 24px;
    color: #444444;
}

.email {
    position: relative;
    left: 50px;
}

.Ipt_Email {
    background: #ffffff;
    border: 1px solid #c6cacd;
    box-sizing: border-box;
    border-radius: 4px;
    width: 310px;
    height: 39px;
}

.email_sec {
    position: relative;
    top: 10px;
}

.subscribe_Lnk {
    float: right;
    position: absolute;
    /* right: -33px; */
    top: 102%;
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #2b6ea5;
    left: 73%;
}

.socialMedia {
    position: relative;
    left: 73px;
    max-width: 150px;
}

.Img-FB,
.img_twitter,
.Img-linkedin,
.img_youtube {
    width: 40px;
    height: 40px;
}

.contactForm {
    position: relative;
    top: -91px;
    left: 50%;
    max-width: 200px;
}


/*-------------main banner------------------------*/
#main-content .background-img {
    position: absolute;
    width: 98%;
}

#main-banner .banner-content {
    margin-left: 50px;
    margin-top: 100px;
}

/* #main-banner .banner-content{
      top: 20%;
      position: relative;
    }*/

#main-banner .banner-content .banner-title {
    color: rgba(44, 117, 221, 1.0);
    font-size: 28px;
}

#main-banner .banner-content .label {

    color: rgba(29, 35, 43, 1.0) !important;
}

#main-banner .banner-desc p {
    width: 100%;
}

#main-banner .banner-btn .btn1 {
    border: 1px solid #C75100;
    padding: 10px;
    border-radius: 5px;
    /*width: 190px;*/
    margin-right: 20px;
    margin-top: 20px;
    text-align: center;
    color: #C75100 !important;

}

#main-banner .banner-btn .btn1:hover {
    background: #C75100;
    color: white !important;
    border: 1px solid #C75100;
}

#main-banner .banner-btn .btn1:hover a {
    color: white !important;
}

#main-banner .banner-btn .btn1 a {
    font-weight: 400;
    text-decoration: none;
    color: #C75100 !important;


}

#main-banner .banner-btn .btn2 a {
    color: black;
    font-weight: 600;
    text-decoration: none;

}

#main-banner .banner-btn .btn2 {
    padding: 10px 30px;
    border-radius: 5px;
    /* width: 190px; */
    background-color: #F7BA50;
    text-align: center;
    margin-top: 20px;
}

#main-banner .banner-btn .btn2:hover {
    background: #F59D0B;
}


#main-banner .banner-img {
    width: 100%;
}

#mob-banner-title .banner-title {
    color: rgba(44, 117, 221, 1.0);
}

#mob-banner-title {
    padding: 20px;

}

#mob-banner-title .font-class-7 {
    font-weight: 700;
}

#mob_main-banner .banner-desc .font-class-7 {
    font-weight: 700;
}


@media all and (max-width: 768px) {
    #main-banner .banner-content {
        top: 0% !important;
    }

}

/*-----------main-carousel--------------*/
#main_carousel .up-arrow {
    height: 25px;
    width: 25px;
    margin-bottom: 10px;
    margin-left: 10px;
}

#main_carousel .carousel-content .item {
    box-shadow: 0px 0px 15px 2px #e8e9e9;
    padding: 25px;
    padding-bottom: 0px;
    border-top: 8px solid blue;
    border-radius: 10px;
}

#main_carousel .carousel-content .item:hover {
    background: linear-gradient(248.04deg, #A766E8 -39.08%, #2563CC 109.28%);
    border: none;
}

#main_carousel .carousel-content .item:hover * {

    color: white !important;
}

#main_carousel .carousel-content .item:hover .graph {
    filter: brightness(0) invert(1);
}

#main_carousel .graph {
    height: 100px;
    width: 100%;
    /*width: 223px;*/
}

#main_carousel .item .count {
    display: flex;
    font-size: 36px;
    font-weight: 700;
}

#main_carousel .item .gray {
    color: rgba(109, 121, 137, 1.0);
}

.slick-next:before,
.slick-prev:before {
    border-radius: 5px;
    text-align: center;
    padding: 13px 20px;
    font-family: "FontAwesome" !important;
    font-weight: 900;
    opacity: 1;
    background: linear-gradient(180deg, #F7BA50 0%, #F59D0B 100%);
    position: relative;
    box-shadow: 0px 0px 10px 1px #e8e9e9;
    color: black !important;

}

.slick-next:hover:before,
.slick-prev:hover:before {
    background-color: #F59D0B;
}

.slick-next:before {
    content: "\f105";
    right: 55px;
}

.slick-prev {
    z-index: 2;
}

.slick-prev:before {
    content: "\f104";
    left: 55px;
}

#main_carousel .slick-slide {
    height: auto;
}

/*------------------------------*/

#second-section .compare-salary .title-section {
    display: flex;
}

#second-section .compare-salary {
    background-color: #1f253d;
    color: #f9fafb;
    padding: 30px;
    /* margin-bottom: 15px;*/
    border-radius: 8px;
}

#second-section .compare-salary .comp-salary-img {
    width: 77px;
    height: 47px;
    margin-right: 30px;
    margin-left: 15px;
}

#second-section .compare-salary .title p {
    font-size: 14px;
}

#second-section .compare-salary .job-seekers {
    background-color: #4764d3;
    color: #f9fafb;
    border-radius: unset;
    box-shadow: none;
    padding: 13px;
}

#second-section .compare-salary .employers {
    padding: 13px;
    color: #f9fafb;
    border: 1px solid #6d7989;
    border-radius: 0px;
    background: transparent;
}

#second-section .compare-salary .btns {
    margin-bottom: 30px;
    margin-top: 30px;
}

#second-section .compare-salary .job,
#right-section .compare-salary .salary {
    background-color: #f9fafb;
    padding: 24px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

#second-section .compare-salary .compare-btn {
    font-size: 16px;
    height: 50px;
    margin-top: 20px;
}

#second-section .compare-salary .form-group {
    margin-bottom: 30px;
    margin-top: 30px;
}

/*-----------------------*/
#second-section .banner-item .bg-img,
#third-section #left-section .banner-item .bg-img,
#right-section .banner-item .bg-img {
    width: 100%;
}

#second-section .banner-item .title,
#third-section #left-section .banner-item .title,
#right-section .banner-item .title {
    position: absolute;
    /*bottom: 62px; */
    bottom: 35px;
    color: white;
    text-align: center;
    font-size: 24px;
}

#second-section .banner-item,
#third-section #left-section .banner-item,
#right-section .banner-item {
    /*margin-bottom: -20px; */
    position: relative;
}

/*#third-section #left-section .bg-img {
  height: 428px;
}*/
/**----------------------*/

#third-section .find-data .title-section {
    display: flex;
}

#third-section #right-section .find-data {
    background-color: #1f253d;
    color: white;
    padding: 35px;
    border-radius: 8px;
}

#third-section #right-section .find-data .data-img {
    height: 70px;
    width: 50px;
    bottom: 10px;
    position: relative;
    margin-right: 30px;
}

#third-section #right-section .find-data .compare-btn {
    height: 50px;
    background-color: #F7BA50;
    color: black;
    border: none;
}

#third-section #right-section .find-data .compare-btn a {
    color: black;
    text-decoration: none;
}


#third-section #right-section .find-data .title p {
    font-size: 14px;
}

/*--------------------------------------------*/
#latest-releases {
    background-image: url("../img/bg-image-5.png");
    background-position: top;
    /* margin-top: 30px;
 margin-top: 90px;  */
    background-repeat: no-repeat;
    background-size: cover;
}

#latest-releases .slick-prev,
#latest-releases .slick-next {
    /* top:35%; */
    top: 50%;
}

#latest-releases .item {
    box-shadow: 0px 0px 10px 1px #e8e9e9;
    border-radius: 10px;
    background-color: white;
}

#latest-releases .item .header {
    background-color: #6964da;
    color: white;
    padding: 10px;
    justify-content: center;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}

#latest-releases .item .header .title {
    margin-left: 10px;
    margin-bottom: 0px;
    font-size: 16px;
}

#latest-releases .item .item-content {
    padding: 15px;
    border-bottom: 1px solid #c6c8ca;
}

#latest-releases .item .item-content .date {
    color: rgba(109, 121, 137, 1.0);
}

#latest-releases .item .download-section {
    padding: 15px;
}

/*centralizing the text & download button 17-11*/
#latest-releases .item .download {
    background-color: #F59D0B;
    color: black;
    padding: 12px;
    border-radius: 5px;
    width: 80%;
    justify-content: center
}

#latest-releases .item .download {

    background-color: #F7BA50;

}

#latest-releases .item .download-icon {
    width: 25px;
    margin-right: 20px;
}

#latest-releases .item .infographic-img {
    border: .5px solid;
    height: 24px;
    width: 18px;
}

#latest-releases .release-btn .future-release button {
    background-color: white;
    color: #C75100 !important;
    padding: 12px;
    border-radius: 4px;
    width: 199px;
    height: 48px;
    font-weight: 600 !important;
    margin-right: 20px;
}

#latest-releases .release-btn {
    text-align: right;
    padding: 30px;
}

#latest-releases .release-btn .view-more button {
    width: 199px;
    height: 48px;
    border-radius: unset;
    box-shadow: none;
    padding: 12px;
    border-radius: 4px;
    background-color: #F7BA50;
    color: black;
    border: none;
}


.slick-slide {
    height: auto !important;
    padding-bottom: 20px;
}

.slick-prev {
    left: 0px !important;
}

.slick-next {
    right: 0px !important;
}

#desk-bannre-title .label {
    color: rgba(12, 13, 13, 1.0);
}

.banner-desc h6 {
    font-size: 20px;
    color: rgba(29, 35, 43, 1.0);
}

.banner-desc p {
    font-size: 16px;
    color: rgba(29, 35, 43, 1.0);
}

.item-content h6 {
    font-size: 18px;
    color: rgba(12, 13, 13, 1.0);
}

#maincarousel .item-content h6 {
    font-size: 16px;
}

.item-content p {
    color: rgba(12, 13, 13, 1.0);
    font-family: 'Open Sans-Regular', Helvetica, Arial, serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
}

.item-content .gray {
    color: rgba(109, 121, 137, 1.0);
    font-family: 'Open Sans-Regular', Helvetica, Arial, serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
}

#second-section .banner-item,
#third-section #left-section .banner-item,
#right-section .banner-item {
    display: flex;
    justify-content: center;
    width: 100%;
}

#second-section .banner-item a,
#third-section #left-section .banner-item a,
#right-section .banner-item a {
    width: 100%;
}

#third-section #left-section .banner-item,
#right-section .banner-item {
    margin-bottom: 8px;
}

#latest-releases .item-content p {
    font-size: 14px;
}

#second-section .match-height,
#third-section #left-section,
#third-section #right-section {
    padding: 4px;
}

#latest-releases .title {
    color: white;
    padding-top: 0px;
    margin-right: initial;
}

#right-section .title,
.compare-salary .title {
    color: white;
    padding-top: 0px;
}

#right-section .title h4,
.compare-salary .title h4 {
    color: white;
    font-size: 28px;
    font-weight: 700;
}

#latest-releases h4,
#latest-releases h5 {
    color: rgba(12, 13, 13, 1.0);
    font-size: 20px;
    font-weight: 700;
}

#latest-releases .ms-webpartzone-cell {
    margin-bottom: 0px;
}

_:-ms-fullscreen,
:root #second-section .banner-item .title {
    z-index: 1;
    left: 0px;
    right: 0px;
}

_:-ms-fullscreen,
:root #left-section .banner-item .title {
    z-index: 1;
    left: 0px;
    right: 0px;

}

_:-ms-fullscreen,
:root #right-section .banner-item .title {
    z-index: 1;
    left: 0px;
    right: 0px;
}

@media (max-width: 767px) {

    #latest-releases h4,
    #latest-releases h5 {
        font-size: 16px;
    }
}


/*-----mob view-------------------------------------*/
#mob-main_carousel,
.mob_releases,
#mob_main-banner,
.mob-compare_salary,
.mob-find_data,
#mob-highlights {
    display: none !important;
}

@media (max-width: 767px) {

    #mob-main_carousel,
    .mob_releases,
    #mob_main-banner,
    .mob-compare_salary,
    .mob-find_data,
    #mob-highlights {
        display: block !important;
    }

    #main-banner #desk,
    #second-section #desk,
    #main_carousel #desk,
    #third-section #desk,
    #latest-releases #desk,
    #deskSlick {
        display: none !important;
    }

    #latest-releases {
        margin-top: 0px !important;
    }
}

/*mobile main-banner*/
#mob_main-banner .banner-img {
    width: 100%;
    background-image: url("/Style%20Library/imas/img/bg-image-1.png");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

#mob_main-banner .banner-desc .title {
    font-size: 16px;
    color: rgba(29, 35, 43, 1.0);
    margin-top: 20px;
    margin-bottom: 20px !important;
}

#mob_main-banner .banner-btn .btn1 {
    padding: 5px;
    font-size: 12px;
    margin: 0 !important;
    border-radius: 4px;
    text-align: center;
}

#mob_main-banner .banner-btn .btn1 a {
    color: white;
}

#mob_main-banner .banner-btn .btn2 {
    padding: 5px;
    font-size: 12px;
    border-radius: 4px;
    text-align: center;
    margin-top: 10px;

}

#mob_main-banner .banner-btn .btn2 a {
    color: black !important;
}

/*----------------------------------*/
/*mob main carousel*/
#mob-main_carousel .carousel-content {
    /*display: none; */
    margin-bottom: 10px;
}

#mob-main_carousel .carousel-content .item {
    padding: 10px !important;
}

#mob-main_carousel .item-content h6 {
    color: rgb(6, 7, 7);
    font-size: 12px;
    font-weight: 700;

}

#mob-main_carousel .item .count {
    font-size: 16px;
    margin: 0;
    color: black;
    font-weight: 800;
}

#mob-main_carousel .item-content p {
    font-size: 12px;
}

#mob-main_carousel .content {
    display: flex;
}

#mob-main_carousel .content img {
    margin-left: 15px;
    width: 20%;
}

#mob-main_carousel #view-more {
    display: block;
    text-align: center;
    font-size: 12px;
    margin-top: 20px;
}

#mob-main_carousel #view-more::after {
    font-family: "FontAwesome";
    padding-left: 10px;
    content: "\f078";
}

/*-------------------------------------*/
/*mob compare salary*/

.mob-compare_salary {
    background-color: #1f253d;
    color: white;
    margin-bottom: 15px;
}

.mob-compare_salary .title {
    color: white;
    margin: 0px;
}

.mob-compare_salary .comp-salary-img {
    width: 28px !important;
    height: 20px !important;
    margin-right: 15px !important;
    margin-left: 10px;
}

.mob-compare_salary .title {
    font-size: 14px;
}

.mob-compare_salary {
    border-radius: unset !important;
    padding: 15px !important;
}

/*-------------------------------*/
/*mob find data*/

.mob-find_data {
    background-color: #1f253d;
    color: white;
    padding: 13px;
}

.mob-find_data .title-section {
    display: flex;
}

.mob-find_data .title {
    font-size: 14px;
    color: white;
    margin: 0px;

}

.mob-find_data .data-img {
    height: 25px !important;
    width: 25px !important;
    bottom: 0px !important;
    margin-right: 15px !important;
}

/*-----------------------------------*/
/*mob highlights*/

#mob-highlights .main-title {
    border-bottom: 1px solid;
    padding-bottom: 15px;
    color: black;
    margin-left: 15px;
    font-size: 20px;
    font-weight: 700;
}

#mob-highlights .item .img {
    width: 100%;
}

#mob-highlights .item {
    display: flex;
    margin-bottom: 15px;
    border-bottom: 1px solid;
    padding-bottom: 15px !important;
}

#mob-highlights .item .title {
    color: black;
    font-size: 14px;
}

#mob-highlights .browse-highlights {
    text-align: center;
    display: block;
    width: 93%;
    margin: 0 auto;
    padding: 8px;
    font-size: 12px;
    border-radius: 5px;
    color: black !important;
    background-color: #F7BA50;
    border: none;
}

#mob-highlights .slick-prev:before {
    left: 0px !important;
}

#mob-highlights .slick-next:before {
    right: 0px !important;
}

/*-----------------------------------*/
/*mob releases*/

.mob_releases {
    margin-top: 30px !important;
}

.mob_releases .item {
    margin-bottom: 15px;
    box-shadow: unset !important;
    border-radius: 0px !important;
}

.mob_releases .item .header {
    border-radius: 0px !important;
}

.mob_releases .item .header .title {
    font-size: 12px !important;
}

.mob_releases .item .count {
    font-size: 16px;
}

.mob_releases .main-title {
    border-bottom: 1px solid;
    padding-bottom: 10px;
}

.mob_releases .item .item-content .date {
    font-size: 12px !important;
}

.mob_releases .slick-next:before,
.mob_releases .slick-prev:before,
#mob-highlights .slick-next:before,
#mob-highlights .slick-prev:before {
    padding: 3px 10px !important;
}

.mob_releases .slick-prev,
.mob_releases .slick-next,
#mob-highlights .slick-prev,
#mob-highlights .slick-next {
    top: -50px !important;
}

.mob_releases .slick-prev,
#mob-highlights .slick-prev {
    left: 75% !important;
}

.mob_releases .slick-prev:before {
    left: 0px !important;
}

/*.mob_releases .slick-next, #mob-highlights .slick-next{
right:-10% !important
}*/

.mob_releases .slick-next:before {
    right: 0px !important;
}

.mob_releases .release-btn .future-release button,
.mob_releases .release-btn .view-more button {
    width: 130px !important;
    height: 35px !important;
    font-size: 12px;
    padding: 8px !important;
}

.mob_releases .release-btn {
    display: flex;
    text-align: center !important;
    bottom: 30px;
    position: relative;
}

.mob_releases .release-btn .future-release button {
    background-color: #122558 !important;
    color: white !important;
    border-color: white;
}

/*------------------------------------------------------*/

@media (min-width: 768px) and (max-width: 952px) {
    #main-banner .banner-content {
        margin-left: 25px !important;
    }

    #main-banner .banner-content .banner-btn {
        padding: 0px;
    }
}

@media (min-width: 769px) and (max-width: 831px) {
    #latest-releases .item .download {
        width: 100% !important;
    }

}

@media (min-width: 992px) and (max-width: 1155px) {
    #latest-releases .item .download {
        width: 100% !important;
    }

}

@media (max-width: 360px) {
    #footer .footer-firstsection .footer-logo {
        width: 100%;
    }

    #latest-releases .release-btn .future-release button {
        margin-right: 5px !important;
    }

    #latest-releases .item .download {
        width: 85% !important;
    }
}

#third-section .ms-webpartzone-cell,
#first-section .ms-webpartzone-cell {
    margin: 0px;
}

#second-section .col-md-6 {
    margin-bottom: 0px;
}

#second-section .row {
    margin-left: 15px;
    margin-right: 15px;
}

.mob-find_data .find-data-a-title {
    color: white;
    text-decoration: none;
}

.mob-find_data .title a:visited {
    color: white;
}


/**************************************************************end of imashome.css***************************************************************/


/*****************************************************************start of iMAS_RelatedStatistic.css*********************************************************/

.ms-rtestate-field {
    display: block !important;
}

.ms-webpart-cell-vertical-inline-table {
    display: block !important;
}

.ms-webpart-chrome-vertical {
    display: block !important;
}

#related-statistics {
    background-image: url("/Style Library/imas/img/bg-image-5.png");
    background-position: top;
    /* margin-top: 30px; */
    margin-top: 90px;
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 20px;
}

#related-statistics .slick-prev,
#related-statistics .slick-next {
    /* top:35%; */
    top: 50%;
}

#related-statistics .item {
    box-shadow: 0px 0px 10px 1px #e8e9e9;
    border-radius: 8px;
    background-color: white;
}

#related-statistics .item .header {
    background-color: #6964da;
    color: white;
    padding: 10px;
    justify-content: center;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
}

#related-statistics .item .header .title {
    margin-left: 10px;
    margin-bottom: 0px;
    font-family: 'Open Sans', Helvetica, Arial, serif;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
}

#related-statistics .item .item-content {
    padding: 15px;
}

#related-statistics .item .item-content .date {
    color: rgba(109, 121, 137, 1.0);
    font-family: 'Open Sans', Helvetica, Arial, serif;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;

}

#related-statistics .item .item-content .count {
    font-family: 'Open Sans', Helvetica, Arial, serif;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
}

#related-statistics .item .download-section {
    display: flex;
}

#related-statistics .item .download {
    background: #f7ba50;
    color: black;
    padding: 9px;
    border-radius: 5px;
    text-align: center;
    margin-left: 10px !important;
    font-family: 'Open Sans', Helvetica, Arial, serif;
    font-style: normal;
    font-weight: 600;
}

#related-statistics .item .download span {
    margin-left: 5px;
}

#related-statistics .item .download-icon {
    width: 22px;
    margin-right: 20px;
}

#related-statistics .item .infographic-img {
    border: .5px solid;
    height: 24px;
    width: 18px;
}

.slick-slide {
    height: auto !important;
    padding-bottom: 20px;
}

.slick-prev {
    left: 0px !important;
}

.slick-next {
    right: 0px !important;
}

.item-content h6 {
    font-size: 18px;
    color: rgba(12, 13, 13, 1.0);
}

.item-content p {
    color: rgba(12, 13, 13, 1.0);
    font-family: 'Open Sans-Regular', Helvetica, Arial, serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
}

.item-content .gray {
    color: rgba(109, 121, 137, 1.0);
    font-family: 'Open Sans-Regular', Helvetica, Arial, serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
}

#related-statistics .item-content p {
    font-size: 15px;
}

#related-statistics .title {
    color: white;
    padding-top: 0px;
    margin-right: initial;
}

#related-statistics h4,
#related-statistics h5 {
    color: rgba(12, 13, 13, 1.0);
}

.ms-webpartzone-cell {
    margin-bottom: 0px;
}

.slick-next:before,
.slick-prev:before {
    border-radius: 3px;
    text-align: center;
    padding: 6px 11px;
    font-family: "FontAwesome" !important;
    font-weight: 900;
    opacity: 1;
    background-color: #f5a724;
    position: relative;
    box-shadow: 0px 0px 10px 1px #e8e9e9;
    font-size: 14px;
    color: black;
}

.slick-next:before {
    content: "\f105";
}

.slick-prev {
    z-index: 2;
}

.slick-prev:before {
    content: "\f104";
}

.slick-prev,
.slick-next {
    /* top:35%; */
    top: 50%;
}

.slick-slide {
    height: auto !important;
    padding-bottom: 20px;
}

.slick-prev {
    left: 0px !important;
}

.slick-next {
    right: 0px !important;
}

.slick-dots li {
    background-color: #b5b6b7;
    border: medium none;
    cursor: pointer;
    display: inline-block;
    border-radius: 1000px;
    float: none;
    height: 5px !important;
    width: 5px !important;
    margin-left: 15px;
}

.slick-dots li.slick-active {
    background-color: white;
}

.carousel-section {
    margin-left: 30px;
}

#related-statistics .main-title {
    margin-left: 35px;
    font-family: 'Open Sans', Helvetica, Arial, serif;
    font-style: normal;
    font-size: 28px;
    font-weight: bold;
}

.slick-next {
    right: 75px !important;
}

.slick-prev {
    left: 15px !important;
}

.mob_statistics {
    display: none;
}

/*mob-view*/
@media (max-width: 767px) {
    #related-statistics #desk {
        display: none;
    }

    .mob_statistics {
        display: block;
    }

    .slick-next {
        right: 0px !important;
    }

    #related-statistics .main-title {
        margin-left: 0px !important;
        font-size: 20px;
    }
}

.mob_statistics {
    margin-top: 30px !important;
}

.mob_statistics .item {
    margin-bottom: 15px;
    box-shadow: unset !important;
    border-radius: 0px !important;
}

.mob_statistics .item .header {
    border-radius: 0px !important;
}

.mob_statistics .item .header .title {
    font-size: 12px !important;
}

.mob_statistics .item .count {
    font-size: 16px !important;
}

.mob_statistics .main-title {
    border-bottom: 1px solid;
    padding-bottom: 10px;
}

.mob_statistics .item .item-content .date {
    font-size: 12px !important;
}

.mob_statistics .slick-next:before,
.mob_statistics .slick-prev:before {
    padding: 3px 10px !important;
}

.mob_statistics .slick-prev,
.mob_statistics .slick-next {
    top: -50px !important;
}

.mob_statistics .slick-prev {
    left: 78% !important;
}

.mob_statistics .slick-prev:before {
    left: 0px !important;
}

.mob_statistics .slick-next:before {
    right: 0px !important;
}

#related-statistics-section .slick-list .item {
    padding: 0px;
}


/*for all pages Related Statistics Section*/

#related-statistics-section .related-tab {
    display: block;
    background-color: white;
    border: 1px solid;
    padding: 5px;
    border-radius: 4px;
    width: 100%;
    text-align: center;
    color: #768190;
    text-decoration: none !important;
}

#related-statistics-section .related-tab:nth-child(1) {
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
}

#related-statistics-section .related-tab:nth-child(2) {
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
}

#related-statistics-section .related-tab.active {
    background-color: #6964da;
    color: white !important;
    font-weight: bold;
    border: none;
}

#related-statistics-section .coming-soon {
    text-align: center;
    padding: 40px;
}

#related-statistics-section .coming-soon {
    text-align: center;
    padding: 40px;
    background-color: white;
    margin: 0 auto;
    box-shadow: 0px 0px 10px 1px #e8e9e9;
    border-radius: 8px;
}

#related-statistics-section .related-tabs {

    margin-left: 50px;

}

@media (max-width: 767px) {

    #related-statistics-section .related-tab {

        font-size: 12px;

    }

    #related-statistics-section .related-tabs {

        margin-left: 15px !important;

    }

}

/*end all pages Related Statistics Section*/


/****************************************************************end of  iMAS_RelatedStatistics.css*************************************************/




/***************************************************************start of imascommonpages.css*********************************************************/

/*our survey page css*/

.survey-btn {
    background-color: #f7ba50;
    color: black !important;
    display: block;
    padding: 13px 30px;
    border-radius: 5px;
    margin-top: 22px;
    text-align: center;
    width: 150px;
    height: 50px;
    float: right;
}

#our-surveys {
    margin-top: 50px;
}

#our-surveys .surveys-types .content {
    border: 1px solid #9ca0e1e3;
    padding: 30px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

#our-surveys .topics-tabs {
    margin-left: -15px;
    margin-right: -15px;
}

#our-surveys .surveys-types .item .details {
    font-size: 14px;
}

#our-surveys .surveys-types .item {
    margin-bottom: 30px;
}

#our-surveys .read-more .readmore-btn {
    color: #c75100;
    border: 1px solid #c75100;
    display: block;
    padding: 10px;
    border-radius: 5px;
    text-align: center;
}

#our-surveys .participate {
    background-color: #dde3ee;
    padding: 30px;
    border-top: 15px solid #5c64d8;
    border-radius: 15px 15px 8px 8px;
    margin-bottom: 35px;
    box-shadow: 0 .125rem .2rem #242b93 !important;
}

#our-surveys .nav-pills .nav-link {
    border-radius: inherit;
}

#our-surveys .individuals {
    background-color: white;
    color: #5c65d8;
    padding: 15px !important;
    display: inline-block;
    margin-bottom: 15px;
    text-decoration: none !important;
    border: 1px solid #6d7989;
    border-top-left-radius: 5px !important;
    border-bottom-left-radius: 5px !important;
    text-align: center;
}

#our-surveys .business {
    background-color: white;
    color: #5c65d8;
    padding: 15px !important;
    display: inline-block;
    margin-bottom: 15px;
    text-align: center;
    width: 55%;
    border: 1px solid #6d7989;
    border-top-right-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
    text-align: center;
}

#our-surveys .nav-pills .nav-link.active {
    color: #fff;
    background-color: #5c65d8;
}

#our-surveys .nav {
    padding-left: 15px;
}

#our-surveys .labour-force-survey {
    background-color: #f9fafc;
    padding: 30px;
}

#our-surveys .desk-pie-chart {
    width: 318px;
    display: block;
    margin: 0 auto;
}

#our-surveys .phone-icon {
    width: 21px;
    height: 20px;
}

#our-surveys .email-icon {
    width: 21px;
    height: 14px;
}

#our-surveys .topics-tabs.mb-5 {
    border-top: 1px solid #a0abb8;
    border-bottom: 1px solid #a0abb8;
}

#our-surveys .topics-tabs li.active-item {
    border-bottom: 2px solid #2563cc;
}

#our-surveys .topics-tabs .top-tabs .nav-item .active {
    color: rgb(37, 99, 204);
}

#our-surveys .topics-tabs .top-tabs .nav-item a {
    font-family: 'Open Sans', Helvetica, Arial, serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    color: rgb(12, 13, 13);
    padding: 35px 20px;
}

#our-surveys .topics-control {
    display: none;
}

#our-surveys .mob-nav-tabs {
    display: none;
}

#our-surveys .mob.participate {
    display: none;
}

#our-surveys .labour-force-survey {
    background-image: url("/Style Library/imas/img/concepts-bgimage.png");
    background-position: center;
    margin-top: 30px;
    background-repeat: no-repeat;
    background-size: cover;
    background-blend-mode: darken;
}

@media (max-width: 767px) {
    #our-surveys .topics-control {
        display: block;
        margin-left: -15px;
        margin-right: -15px;
        padding-right: 10px;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    #our-surveys .mob-pie-chart {
        width: 70%;
        margin-left: auto;
        margin-right: auto;
    }

    #our-surveys .mob-title {
        margin-left: 0px;
        margin-bottom: 25px;
    }

    #our-surveys h3.title {
        font-size: 20px;
        margin-top: 0px !important;
    }

    #our-surveys .our-surveys,
    #our-surveys .main-banner,
    #our-surveys .surveys-types .content,
    #our-surveys .surveys-types {
        padding: 0px;
        margin-bottom: 0px !important;
        margin-top: 0px !important;
    }

    #our-surveys .participate {
        padding: 10px;
    }

    #our-surveys .details p,
    #our-surveys .participate p {
        font-size: 14px;
    }

    #our-surveys h5.title {
        font-size: 16px;
        text-align: center;
    }

    #our-surveys .readmore-btn {
        font-size: 12px;
    }

    #our-surveys .labour-force-survey {
        padding: 25px 0px;
        padding-bottom: 0px;
    }

    #our-surveys .labour-force-survey .col-md-6 {
        padding: 0px;
    }

    #our-surveys .monthly-lfs,
    #our-surveys .comprehensive-lfs {
        font-size: 10px;
    }

    #our-surveys .individuals {
        font-size: 12px;
        width: 100%;
        padding: 8px;
        margin-bottom: 0px;
    }

    #our-surveys .business {
        font-size: 12px;
        width: 100%;
    }

    #our-surveys .top-tabs .nav {
        display: block;
    }

    #our-surveys .mob-nav-tabs {
        font-size: 14px;
        padding: 20px;
        color: black !important;
        text-decoration: none !important;
        display: block;
    }

    #our-surveys .mob-nav-tabs.collapsed::after {
        content: "\f107";
    }

    #our-surveys .mob-nav-tabs::after {
        font-family: "FontAwesome";
        float: right;
        font-size: 24px;
        content: "\f106";
    }

    #our-surveys .top-tabs .active-item.nav-item {
        display: none;
    }

    #our-surveys .hotline p {
        font-size: 14px;
    }

    #our-surveys .custom-title {
        font-size: 24px;
    }

    #our-surveys .desk.participate {
        display: none;
    }

    #our-surveys .mob.participate {
        display: block;
    }

    #our-surveys .surveys-types .btns .col-md-6 {
        padding: 0px;
        margin-top: 15px;
        margin-bottom: 15px;
    }


    #our-surveys .nav {
        flex-wrap: nowrap;
    }

    #our-surveys .individuals {
        padding: 3px 15px !important;
    }

    #our-surveys .business {
        padding: 12px !important;
        margin-bottom: 0px;
    }

    #our-surveys .surveys {
        padding-bottom: 0px !important;
    }

    #our-surveys .surveys-types .item {
        margin-bottom: 0px;
    }

    #our-surveys .labour-force-survey {
        margin-top: 20px;
        margin-left: -15px;
        margin-right: -15px;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    #our-surveys .participate {
        margin-bottom: 0px;
    }

    #our-surveys .desk-title,
    #our-surveys .desk-pie-chart {
        display: none;
    }

    #our-surveys .mob-title,
    #our-surveys .mob-pie-chart {
        display: block !important;
    }

}

@media (min-width: 767px) {
    #our-surveys .top-tabs.collapse {
        display: flex !important;
        justify-content: space-between;
    }

    #our-surveys .surveys-types .btns .col-md-6 {
        padding: 0px;
        margin-top: 20px;
    }
}

#our-surveys .main-banner {

    width: 100%;

}

#our-surveys .mob-title,
#our-surveys .mob-pie-chart {
    display: none;
}



/*End of our survey page css*/


/*for contact us page*/

#contact-us {
    margin-top: 50px;
}

#contact-us .tip {
    background-color: #dde3ee;
    padding: 25px;
    border-top: 10px solid #5c64d8 !important;
    border-radius: 10px;
    /*margin-bottom: 35px; */
    border: 1px solid #b4b7be;
}

#contact-us .contact-details .mb-4 {
    margin-bottom: 10px !important;
}

#contact-us .main-title {
    font-family: 'Open Sans', Helvetica, Arial, serif;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
}

#contact-us h5.title {
    font-family: 'Open Sans', Helvetica, Arial, serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
}

#contact-us .manpower-title {
    padding-left: 30px;
}

#contact-us .tip {
    background-image: url(/Style%20Library/imas/img/contact-us-tip-bg.png);
    background-size: cover;
}

#contact-us .contactus-banner-bg img {
    display: none;
}

#contact-us .contactus-banner-bg {
    background-image: url(/Style%20Library/imas/img/contactus-banner.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

@media (max-width: 767px) {
    #contact-us .main-title {
        font-size: 20px;
    }

    #contact-us .contact-details .col-md-6 {
        padding: 0px;
        font-size: 14px;
        margin-bottom: 10px;
    }

    #contact-us .tip .title {
        font-size: 16px;
    }

    #contact-us .tip p {
        font-size: 14px;
    }

    #contact-us .manpower-title {
        padding-left: 0px;
    }

    #contact-us .main-title {
        font-size: 20px;
    }

    #contact-us .contactus-banner-bg img {
        display: block;
        margin-bottom: 0px;
    }

    #contact-us .contactus-banner-bg {
        background-image: none;
        margin-bottom: 0px;
    }

    #contact-us .contact-details {
        padding-left: 0px;
        padding-right: 0px;
    }

}

/*End of contact us page css*/


/*for about us page*/
#about {
    /* margin-top: 50px; */
}

#about .item {
    background-color: #dde3ee;
    padding: 25px;
    border-top: 10px solid #5c64d8 !important;
    border-radius: 10px;
    margin-bottom: 35px;
    border: 1px solid #b4b7be;
}

#about .contact-us {
    background-color: #1f253d;
    border-radius: 8px;
}

#about .cus-mob-title .mob-title {
    display: none;
}

#about .contact-us .title {
    font-family: 'Open Sans', Helvetica, Arial, serif;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
}

#about .contact-form-btn {
    background-color: #f7ba50;
    border-radius: 4px;
    display: block;
    padding: 15px;
    text-align: center;
    color: black !important;
    width: 75%;
}

#about .performance-pledge .my-5 {
    margin-top: 0px !important;
}

@media (min-width: 1550px) {

    #about .confidentiality .col-md-2,
    #about .quality .col-md-2,
    #about .timeliness .col-md-2,
    #about .relevance .col-md-2 {
        max-width: 10%;
    }
}

@media (max-width: 767px) {
    #about .about-msrd .title {
        font-size: 20px;
        margin-top: 20px;
    }

    #about .item {
        margin-bottom: 15px;
        border: 1px solid #b4b7be;
    }

    #about .performance-pledge .my-5 {
        margin-bottom: 0px !important;
    }

    #about .about-msrd .mb-5 {
        margin-bottom: 10px !important;
    }


    #about .about-msrd .details p {
        font-size: 14px;
    }

    #about .about-msrd h5 {
        font-size: 16px;

    }

    #about .about-msrd .details {
        margin-top: 20px;
        margin-left: -15px;
        margin-right: -15px;
    }

    #about .standards-classifications .title {
        font-size: 20px;
    }

    #about .standards-classifications p {
        font-size: 14px;
    }

    #about .topics-section .item {
        padding: 10px;
    }

    #about .topics-section .item .title {
        font-size: 16px;
    }

    #about .topics-section .item p {
        font-size: 12px;
    }

    #about .contact-us .title {
        font-size: 20px;
    }

    #about .contact-us p {
        font-size: 14px;
    }

    #about .contact-us .p-4 {
        padding-left: 10px !important;
        padding: 10px !important;
    }

    #about .contact-us .p-4 img {
        width: 60%;
    }

    #about .contact-form-btn {
        font-size: 12px;
        width: 100%;
        margin-top: 0px !important;
    }

    #about .performance-pledge h5.title {
        font-size: 16px;
        margin-bottom: 0px !important;
    }

    #about .performance-pledge .confidentiality {
        margin-top: 0px !important;
    }

    #about .performance-pledge h6.title {
        font-size: 14px;
    }

    #about .performance-pledge h6 {
        font-size: 14px;
    }

    #about .performance-pledge p {
        font-size: 12px;
    }

    #about .topics-section .col-md-4 {
        padding: 0px;
    }

    #about .topics-section {
        padding: 0px;
    }

    #about .confidentiality .title,
    #about .timeliness .title,
    #about .quality .title,
    #about .relevance .title {
        display: none;
    }

    #about .confidentiality p,
    #about .timeliness p,
    #about .quality p,
    #about .relevance p {
        margin-top: 10px;
    }

    #about .cus-mob-title .mob-title {
        display: block;
        align-self: center;
        margin-left: 20px;

    }

    #about .cus-mob-title {
        display: flex;
    }

    #about .cus-mob-title img {
        width: 20%;
    }

    #about .quality {
        margin-top: -20px !important;
    }

    #about .contact-us {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
}

/*End of about us page css*/

/***************************************************************end of imascommonpages.css*********************************************************/


/************************************************************recruitment-resignation-jobvacancy.css***********************************************/

/*end left-section*/

.filter-section .main-title {
    color: white;
}

.bg-blue {
    background-color: #1f253d;
    color: white;
    border-radius: 8px;
    height: fit-content;
}

.filter-section {
    padding: 28px;
}

.filter-section .desc {
    font-size: 14px;
}


.filter-section label {
    font-size: 14px;
    display: block;
    margin-bottom: 10px;
}

.filter-section .recruitment-btn {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.filter-section .jobvacancy-btn {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.declaration input {
    padding: 10px;
    margin-right: 10px;
    margin-top: 0px;
    border: 1px solid;
    box-shadow: none !important;
    width: 24px;
    height: 24px;
    position: initial;
    margin-left: 0px;
}

.compare-btn {
    background-color: #f7ba50;
    color: black !important;
    text-decoration: none !important;
    display: block;
    text-align: center;
    padding: 12px;
    border-radius: 5px;
    margin-top: 20px;

}

.desk-explore-btn {
    color: #c75100 !important;
    background-color: white;
    padding: 10px;
    width: 210px;
    text-align: center;
    text-decoration: none;
    border-radius: 5px;
    border: 1px solid #c75100;
    margin-top: 33px;
    display: block;
}

.mob-explore-btn,
.mobExploreText {
    display: none;
}

.explore-statistics {
    padding: 35px 28px;
    border-top: 1px solid;
    padding-bottom: 50px;
}

.explore-statistics {
    display: flex;
}

.mobExplore {
    padding: 0px !important;
}


.requirement-rate {
    background-color: #f7f9fb;
    padding: 30px;
    border-top: 10px solid #5c64d8 !important;
    border-radius: 8px;
    margin-bottom: 20px;
}

.filter-type {
    display: flex;
}

.recruitment-btn,
.resignation-btn,
.jobvacancy-btn {
    border: 1px solid #4a63d4;
    text-decoration: none;
    color: white !important;
    padding: 8px;
    display: block;
    text-align: center;
}

.filter-section .filter-type .active-btn {
    background-color: #5d63d8;
    font-weight: 700;
}

/*end left-section*/

.notes .title {
    background-color: #e1f0ff;
    color: #2563cc !important;
    display: block;
    text-decoration: none;
    font-size: 20px;
    padding: 10px;
}

.notes .title.accor-dropdown-toggle::before {
    font-family: "FontAwesome";
    content: "\f107";
    padding-left: 10px;
    font-size: 35px;
    margin-right: 15px;
    position: relative;
    top: 5px;
}

.notes .title.collapsed::before {
    content: "\f105";
}

.last-updated {
    float: right;
    margin-top: 30px !important;
    color: #414c5a;
}

.requirement-rate .title {
    margin-bottom: 30px;
    margin-top: 30px;
}

.industry-list select,
.firm-size select {
    background-color: #eef1f4;
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}

#notes-details p {
    font-size: 14px;
    margin-bottom: 0px;
}

.title label {
    /* margin-top: 30px; */
}

.average p {
    line-height: 5;
}

.progressbar {
    margin-top: 10px;
}

.mob-bar {
    display: none;
}



@media (max-width: 767px) {

    /*start left-section*/

    .filter-section .main-title {
        font-size: 20px;
    }

    .recruitment-btn,
    .resignation-btn,
    .jobvacancy-btn {
        font-size: 12px;
    }

    .filter-type {
        padding: 0px;
    }

    .filter-section {
        padding: 10px;
    }

    #recruitment-resignation-jobvacancy {
        padding: 0px;
    }

    .filter-section label {
        font-size: 12px;
    }

    .industry-list select option {
        font-size: 14px;
    }

    .filter-section label {
        /*margin-left: 25px; */
    }

    .declaration input {
        width: 18px;
        height: 18px;
    }

    .compare-btn {
        font-size: 12px;
        padding: 10px;
    }

    .desk-explore-btn {
        display: none;
    }

    .mobExplore {
        display: flex;
        flex-direction: row;
        padding: 0 15px !important;
    }

    .mobExplore img {
        width: 30px;
        height: 30px;
        margin-top: 13px;
        margin-bottom: 20px;
        margin-right: 15px;
    }

    .mob-explore-btn {
        display: block;
        font-size: 12px;
        color: #c75100 !important;
        background-color: white;
        padding: 8px;
        width: 100%;
        text-align: center;
        text-decoration: none;
        border-radius: 5px;
        border: 1px solid #c75100;
    }

    .desk-explore-btn,
    .deskExploreText {
        display: none;
    }

    .mobExploreText {
        display: block;
    }


    .explore-statistics {
        padding-left: 10px;
        padding-right: 10px;
        padding-bottom: 25px;
    }

    /*end left section*/

    #recruitment-resignation-jobvacancy .right-section {
        padding: 0px;
    }

    .requirement-rate {
        padding: 15px;
    }

    .requirement-rate .main-title {
        font-size: 16px;
    }

    .requirement-rate label,
    .requirement-rate p,
    .notes p {
        font-size: 12px;
    }

    .notes .title {
        font-size: 14px;
    }

    .mob-bar {
        display: block;
    }

    .desk-bar {
        display: none;
    }

    .requirement-rate .title {
        margin-bottom: 0px;
        margin-top: 0px;
    }

    .industry-list .form-control,
    .firm-size .form-control {
        font-size: 14px;
    }

    .industry-list,
    .firm-size {
        margin-bottom: 10px !important;
    }

    #notes-details p {
        font-size: 12px;

    }
}

/*statistical icon issue 30-1-2023*/

@media (max-width: 767px){
	#topics .topics-details a img {
       width: auto !important;
}

}

@media (max-width: 363px){
	#statistical-concepts .header{
       text-align:left !important;
       text-align-last: center !important;
}

}


/************************************************************end recruitment-resignation-jobvacancy.css***********************************************/

/*for responsive image */

.statistic-detail-content-1 a img {
    /* width: 100%; */
    max-width: 800px;
    height: auto;
}

/*end for responsive image */


/*for header top bar section*/

#top-bar #sgds-masthead-identify {
    font-size: 14px;
    color: #2f60ce;
    margin-left: 5px;
}

#top-bar #sgds-masthead-identify::after {
    font-family: "FontAwesome";
    padding-left: 2px;
    content: "\f106";
    vertical-align: initial !important;
    border-top: none !important;
    position: relative;
    font-size: 15px;
    display: inline-block;
    transform: rotate(0deg);
    transition: all 0.3s ease-in-out 0s;
}
#top-bar #sgds-masthead-identify.collapsed::after {
    transform: rotate(180deg) !important;
}

#top-bar .sgds-masthead-content {
    padding-top: 2.5rem;
    padding-bottom: 3rem;
	transition: none !important;
}

#top-bar .sgds-masthead-content .content-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 10rem;
}

#top-bar .sgds-masthead-content .column-wrapper {
    display: flex;
    gap: 1rem;
    font-size: 1rem;
}

#top-bar .sgds-masthead-content .column-wrapper .content article {
    line-height: 1.5rem;
    font-size: 14px;
}

#top-bar .sgds-masthead-content .column-wrapper .content .title {
    font-weight: 600;
    margin-bottom: 0.5rem !important;
}

#top-bar .sgds-masthead-content .trusted-websites-link {
    display: inline-flex;
    align-items: center;
	color:#4372d6 !important;
	text-decoration:none !important;
	margin:0px !important;
}

#top-bar .sgds-masthead-content .trusted-websites-icon {
    fill: #4372d6;
    margin-left: 2px;
}

@media (max-width: 400px) {

     #top-bar .sgds-masthead-content .column-wrapper .content article{
        font-size: 12px !important;
    }
    
    #top-bar #sgds-masthead-identify {
	    line-height: 1;
	    display: flex;
    	/*align-items: center;*/
	}
    
    
}

@media (min-width: 768px) and (max-width: 1023px) {

#top-bar .sgds-masthead-content .justify-content-between{
    display: grid !important;
    max-width: 100% !important;
    gap: 2rem;
}

#top-bar .sgds-masthead-content .justify-content-between .column-wrapper{
    max-width: 100%;
}

}

@media (min-width: 1024px) and (max-width: 1200px) {

#top-bar .sgds-masthead-content .justify-content-between{

    max-width: 82% !important;
}

}

/*end for header top bar section*/
/*topbar fontfamily 24-11*/

#top-bar *{
	font-family:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif;
	}
	
/*#top-bar .d-flex  .title {
    
    font-size: 14px !important;
    font-weight:normal
}*/
 
div#top-bar>.d-flex {
    align-items:center;

}

@media screen and (max-width: 1023px) {
#top-bar .d-flex  .title , #top-bar #sgds-masthead-identify .sgds-masthead-button-text, #top-bar .sgds-masthead-content .column-wrapper .content article{
    font-size: 11px;
}

}
/*article fontsize 24-11*/
#top-bar .sgds-masthead-content .column-wrapper .content article {
    line-height: 1.5rem;
    font-size: 16px !important;
}

/*removed anchor link 24-11*/
#top-bar .d-flex > span {
    display: flex !important;
    margin-left: 10px !important;
    align-items:center;
    line-height: 1;
}
/*removed anchor link 24-11*/


/*end of the topbar fontfamily*/